🔍 Glass Violation Scanner Report

Automated detection of glass design system violations

📊 Summary

Total Violations: 12087

High Severity: 406

Medium Severity: 11606

Low Severity: 75

🚨 Violations Found

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-base bg-glass-surface-primary border-glass-border-default shadow-lg rounded-2xl p-8 text-center"> (Line 30)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-heading text-2xl font-bold mb-4">GlassMotionController (Line 32)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-body text-base leading-relaxed"> (Line 35)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-6 inline-flex items-center gap-3 justify-center"> (Line 39)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-base glass-hover bg-glass-frosted border-glass-border-primary shadow-lg rounded-xl px-4 py-2 transition-all"> (Line 41)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-caption text-xs opacity-80">Animated on mount (Line 46)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-6"> (Line 56)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-base backdrop-blur-xl bg-glass-surface-primary border-glass-border-default shadow-lg rounded-2xl p-6 text-center min-w-40"> (Line 58)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-heading text-lg font-semibold">Primary (Line 59)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-caption text-sm mt-1 opacity-80">Premium variant

(Line 60)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-base backdrop-blur-xl bg-glass-surface-secondary border-glass-border-secondary shadow-lg rounded-2xl p-6 text-center min-w-40"> (Line 64)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-heading text-lg font-semibold">Secondary (Line 65)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-caption text-sm mt-1 opacity-80">Elegant variant

(Line 66)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-base backdrop-blur-xl bg-glass-frosted border-glass-border-default shadow-lg rounded-2xl p-6 text-center min-w-40"> (Line 70)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-heading text-lg font-semibold">Frosted (Line 71)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-caption text-sm mt-1 opacity-80">Crystal clear

(Line 72)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-3 gap-4"> (Line 87)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-base backdrop-blur-xl bg-glass-surface-primary border-glass-border-primary shadow-lg rounded-xl p-6 text-center hover:shadow-lg transition-all"> (Line 88)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-heading text-xl font-bold mb-2">Step 1

(Line 89)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-body text-sm opacity-90">Initialize

(Line 90)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-base backdrop-blur-xl bg-glass-surface-success border-glass-border-success shadow-lg rounded-xl p-6 text-center hover:shadow-lg transition-all"> (Line 92)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-heading text-xl font-bold mb-2">Step 2

(Line 93)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-body text-sm opacity-90">Process

(Line 94)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-base backdrop-blur-xl bg-glass-surface-secondary border-glass-border-secondary shadow-lg rounded-xl p-6 text-center hover:shadow-lg transition-all"> (Line 96)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-heading text-xl font-bold mb-2">Step 3

(Line 97)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-body text-sm opacity-90">Complete

(Line 98)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="timeline-element glass-base backdrop-blur-xl bg-glass-surface-primary border-glass-border-primary shadow-lg rounded-2xl p-12 text-center"> (Line 129)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-heading text-3xl font-bold mb-4">Timeline Animation (Line 130)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-body text-lg leading-relaxed max-w-md mx-auto">Watch this element transform through a complex animation sequence with breathtaking glassmorphism effects.

(Line 131)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-6 inline-flex items-center gap-2 glass-code px-4 py-2 rounded-lg"> (Line 132)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-2 h-2 bg-green-400 rounded-full animate-pulse"> (Line 133)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs font-mono">Animation Active (Line 134)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-6"> (Line 149)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-center"> (Line 150)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-base glass-hover backdrop-blur-xl bg-glass-surface-primary border-glass-border-primary shadow-lg px-8 py-4 rounded-xl transition-all glass-button hover:shadow-lg hover:scale-110 hover:rotate-1 focus-visible:ring-2 focus-visible:ring-blue-500/50" (Line 153)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-3"> (Line 155)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`w-3 h-3 rounded-full ${isPlaying ? 'bg-red-400' : 'bg-green-400'} animate-pulse`}>

(Line 156)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-heading text-lg font-semibold"> (Line 59)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-4 gap-4"> (Line 165)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-base backdrop-blur-xl bg-glass-surface-primary border-glass-border-default shadow-lg p-8 rounded-2xl text-center hover:shadow-lg hover:scale-105 hover:-rotate-2 transition-all duration-300" (Line 169)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-4xl mb-3 filter drop-shadow-lg">{emoji}

(Line 171)

src/components/animations/GlassMotionController.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-caption text-xs font-medium opacity-80 uppercase tracking-wider">Item {index + 1}

(Line 172)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-base bg-glass-surface-primary border-glass-border-default shadow-lg rounded-2xl p-8 text-center"> (Line 30)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-heading text-2xl font-bold mb-4">GlassMotionController (Line 32)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-body text-base leading-relaxed"> (Line 35)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-6 inline-flex items-center gap-3 justify-center"> (Line 39)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-base glass-hover bg-glass-frosted border-glass-border-primary shadow-lg rounded-xl px-4 py-2 transition-all"> (Line 41)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-caption text-xs opacity-80">Animated on mount (Line 46)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-6"> (Line 56)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-base backdrop-blur-xl bg-glass-surface-primary border-glass-border-default shadow-lg rounded-2xl p-6 text-center min-w-40"> (Line 58)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-heading text-lg font-semibold">Primary (Line 59)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-caption text-sm mt-1 opacity-80">Premium variant

(Line 60)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-base backdrop-blur-xl bg-glass-surface-secondary border-glass-border-secondary shadow-lg rounded-2xl p-6 text-center min-w-40"> (Line 64)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-heading text-lg font-semibold">Secondary (Line 65)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-caption text-sm mt-1 opacity-80">Elegant variant

(Line 66)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-base backdrop-blur-xl bg-glass-frosted border-glass-border-default shadow-lg rounded-2xl p-6 text-center min-w-40"> (Line 70)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-heading text-lg font-semibold">Frosted (Line 71)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-caption text-sm mt-1 opacity-80">Crystal clear

(Line 72)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-3 gap-4"> (Line 87)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-base backdrop-blur-xl bg-glass-surface-primary border-glass-border-primary shadow-lg rounded-xl p-6 text-center hover:shadow-lg transition-all"> (Line 88)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-heading text-xl font-bold mb-2">Step 1

(Line 89)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-body text-sm opacity-90">Initialize

(Line 90)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-base backdrop-blur-xl bg-glass-surface-success border-glass-border-success shadow-lg rounded-xl p-6 text-center hover:shadow-lg transition-all"> (Line 92)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-heading text-xl font-bold mb-2">Step 2

(Line 93)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-body text-sm opacity-90">Process

(Line 94)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-base backdrop-blur-xl bg-glass-surface-secondary border-glass-border-secondary shadow-lg rounded-xl p-6 text-center hover:shadow-lg transition-all"> (Line 96)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-heading text-xl font-bold mb-2">Step 3

(Line 97)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-body text-sm opacity-90">Complete

(Line 98)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="timeline-element glass-base backdrop-blur-xl bg-glass-surface-primary border-glass-border-primary shadow-lg rounded-2xl p-12 text-center"> (Line 129)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-heading text-3xl font-bold mb-4">Timeline Animation (Line 130)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-body text-lg leading-relaxed max-w-md mx-auto">Watch this element transform through a complex animation sequence with breathtaking glassmorphism effects.

(Line 131)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-6 inline-flex items-center gap-2 glass-code px-4 py-2 rounded-lg"> (Line 132)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-2 h-2 bg-green-400 rounded-full animate-pulse"> (Line 133)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs font-mono">Animation Active (Line 134)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-6"> (Line 149)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-center"> (Line 150)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-base glass-hover backdrop-blur-xl bg-glass-surface-primary border-glass-border-primary shadow-lg px-8 py-4 rounded-xl transition-all glass-button hover:shadow-lg hover:scale-110 hover:rotate-1 focus-visible:ring-2 focus-visible:ring-blue-500/50" (Line 153)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-3"> (Line 155)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`w-3 h-3 rounded-full ${isPlaying ? 'bg-red-400' : 'bg-green-400'} animate-pulse`}>

(Line 156)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-heading text-lg font-semibold"> (Line 59)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-4 gap-4"> (Line 165)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-base backdrop-blur-xl bg-glass-surface-primary border-glass-border-default shadow-lg p-8 rounded-2xl text-center hover:shadow-lg hover:scale-105 hover:-rotate-2 transition-all duration-300" (Line 169)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-4xl mb-3 filter drop-shadow-lg">{emoji}

(Line 171)

src/components/animations/GlassMotionController.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-caption text-xs font-medium opacity-80 uppercase tracking-wider">Item {index + 1}

(Line 172)

src/components/animations/GlassMotionController.stories.tsx
Legacy Glass Classes
MEDIUM

Description: Using legacy glass-base instead of glass-foundation-complete

Fix: Replace with glass-foundation-complete

Match: glass-base (Line 30)

src/components/animations/GlassMotionController.stories.tsx
Legacy Glass Classes
MEDIUM

Description: Using legacy glass-base instead of glass-foundation-complete

Fix: Replace with glass-foundation-complete

Match: glass-base (Line 30)

src/components/animations/GlassMotionController.stories.tsx
Legacy Glass Classes
MEDIUM

Description: Using legacy glass-base instead of glass-foundation-complete

Fix: Replace with glass-foundation-complete

Match: glass-base (Line 30)

src/components/animations/GlassMotionController.stories.tsx
Legacy Glass Classes
MEDIUM

Description: Using legacy glass-base instead of glass-foundation-complete

Fix: Replace with glass-foundation-complete

Match: glass-base (Line 30)

src/components/animations/GlassMotionController.stories.tsx
Legacy Glass Classes
MEDIUM

Description: Using legacy glass-base instead of glass-foundation-complete

Fix: Replace with glass-foundation-complete

Match: glass-base (Line 30)

src/components/animations/GlassMotionController.stories.tsx
Legacy Glass Classes
MEDIUM

Description: Using legacy glass-base instead of glass-foundation-complete

Fix: Replace with glass-foundation-complete

Match: glass-base (Line 30)

src/components/animations/GlassMotionController.stories.tsx
Legacy Glass Classes
MEDIUM

Description: Using legacy glass-base instead of glass-foundation-complete

Fix: Replace with glass-foundation-complete

Match: glass-base (Line 30)

src/components/animations/GlassMotionController.stories.tsx
Legacy Glass Classes
MEDIUM

Description: Using legacy glass-base instead of glass-foundation-complete

Fix: Replace with glass-foundation-complete

Match: glass-base (Line 30)

src/components/animations/GlassMotionController.stories.tsx
Legacy Glass Classes
MEDIUM

Description: Using legacy glass-base instead of glass-foundation-complete

Fix: Replace with glass-foundation-complete

Match: glass-base (Line 30)

src/components/animations/GlassMotionController.stories.tsx
Legacy Glass Classes
MEDIUM

Description: Using legacy glass-base instead of glass-foundation-complete

Fix: Replace with glass-foundation-complete

Match: glass-base (Line 30)

src/components/animations/GlassMotionController.stories.tsx
Legacy Glass Classes
MEDIUM

Description: Using legacy glass-base instead of glass-foundation-complete

Fix: Replace with glass-foundation-complete

Match: glass-base (Line 30)

src/components/animations/GlassMotionController.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 261)

src/components/animations/GlassMotionController.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className = '', trigger = 'mount' }) => { (Line 263)

src/components/animations/GlassMotionController.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 293)

src/components/animations/GlassMotionController.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 261)

src/components/animations/GlassMotionController.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className = '' }) => { (Line 307)

src/components/animations/GlassMotionController.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className}> (Line 330)

src/components/animations/GlassMotionController.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 261)

src/components/animations/GlassMotionController.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className = '' }) => { (Line 307)

src/components/animations/GlassMotionController.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className}> (Line 330)

src/components/animations/GlassMotionController.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 261)

src/components/animations/GlassMotionController.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className = '', trigger = 'mount' }) => { (Line 263)

src/components/animations/GlassMotionController.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 293)

src/components/animations/GlassMotionController.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 261)

src/components/animations/GlassMotionController.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className = '' }) => { (Line 307)

src/components/animations/GlassMotionController.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className}> (Line 330)

src/components/animations/GlassMotionController.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 261)

src/components/animations/GlassMotionController.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className = '' }) => { (Line 307)

src/components/animations/GlassMotionController.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className}> (Line 330)

src/components/backgrounds/AtmosphericBackground.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/backgrounds/AtmosphericBackground.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 35)

src/components/backgrounds/AtmosphericBackground.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 55)

src/components/backgrounds/AtmosphericBackground.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/backgrounds/AtmosphericBackground.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 35)

src/components/backgrounds/AtmosphericBackground.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 55)

src/components/backgrounds/AtmosphericBackground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 149)

src/components/backgrounds/AtmosphericBackground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} style={style} {...rest}> (Line 209)

src/components/backgrounds/AtmosphericBackground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 149)

src/components/backgrounds/AtmosphericBackground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} style={style} {...rest}> (Line 209)

src/components/backgrounds/GlassDynamicAtmosphere.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 36)

src/components/backgrounds/GlassDynamicAtmosphere.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 36)

src/components/backgrounds/GlassDynamicAtmosphere.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 81)

src/components/backgrounds/GlassDynamicAtmosphere.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 418)

src/components/backgrounds/GlassDynamicAtmosphere.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 533)

src/components/backgrounds/GlassDynamicAtmosphere.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 81)

src/components/backgrounds/GlassDynamicAtmosphere.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 418)

src/components/backgrounds/GlassDynamicAtmosphere.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 533)

src/components/backgrounds/ParticleBackground.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 text-center"> (Line 29)

src/components/backgrounds/ParticleBackground.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">ParticleBackground (Line 30)

src/components/backgrounds/ParticleBackground.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">This is the default particlebackground component.

(Line 31)

src/components/backgrounds/ParticleBackground.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 39)

src/components/backgrounds/ParticleBackground.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 text-center"> (Line 29)

src/components/backgrounds/ParticleBackground.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">ParticleBackground (Line 30)

src/components/backgrounds/ParticleBackground.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">This is the default particlebackground component.

(Line 31)

src/components/backgrounds/ParticleBackground.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 39)

src/components/backgrounds/ParticleBackground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 84)

src/components/backgrounds/ParticleBackground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} style={style} {...rest}> (Line 301)

src/components/backgrounds/ParticleBackground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 84)

src/components/backgrounds/ParticleBackground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} style={style} {...rest}> (Line 301)

src/components/button/GlassButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 73)

src/components/button/GlassButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap items-center gap-4"> (Line 88)

src/components/button/GlassButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 73)

src/components/button/GlassButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 73)

src/components/button/GlassButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 120)

src/components/button/GlassButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 120)

src/components/button/GlassButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 120)

src/components/button/GlassButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 73)

src/components/button/GlassButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 73)

src/components/button/GlassButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 73)

src/components/button/GlassButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 187)

src/components/button/GlassButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 187)

src/components/button/GlassButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 187)

src/components/button/GlassButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center"> (Line 216)

src/components/button/GlassButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 217)

src/components/button/GlassButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: 'px-8 py-4 text-lg font-semibold', (Line 233)

src/components/button/GlassButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 73)

src/components/button/GlassButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap items-center gap-4"> (Line 88)

src/components/button/GlassButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 73)

src/components/button/GlassButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 73)

src/components/button/GlassButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 120)

src/components/button/GlassButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 120)

src/components/button/GlassButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 120)

src/components/button/GlassButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 73)

src/components/button/GlassButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 73)

src/components/button/GlassButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 73)

src/components/button/GlassButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 187)

src/components/button/GlassButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 187)

src/components/button/GlassButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 187)

src/components/button/GlassButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center"> (Line 216)

src/components/button/GlassButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 217)

src/components/button/GlassButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: 'px-8 py-4 text-lg font-semibold', (Line 233)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 108)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: 'glass-foundation-complete glass-foundation-complete text-white/95 hover:text-white border-0', (Line 147)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: 'glass-foundation-complete glass-foundation-complete text-white/95 hover:text-white border-0', (Line 147)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: 'glass-foundation-complete glass-foundation-complete text-white/95 hover:text-white border-0', (Line 147)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: 'glass-foundation-complete glass-foundation-complete text-white/95 hover:text-white border-0', (Line 147)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: 'glass-foundation-complete glass-foundation-complete text-white/95 hover:text-white border-0', (Line 147)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: 'glass-foundation-complete glass-foundation-complete text-white/95 hover:text-white border-0', (Line 147)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: 'glass-foundation-complete glass-foundation-complete text-white/95 hover:text-white border-0', (Line 147)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: 'glass-foundation-complete glass-foundation-complete text-white/95 hover:text-white border-0', (Line 147)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: 'text-white/95 hover:text-white', (Line 216)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: 'text-white/90 hover:text-white/95 shadow-none', (Line 225)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: 'text-blue-300 hover:text-blue-200 underline-offset-4 hover:underline', (Line 232)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: 'glass-foundation-complete glass-foundation-complete text-white/95 hover:text-white border-0', (Line 147)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 border-2 border-current border-t-transparent rounded-full animate-spin" /> (Line 266)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="ml-2">{loadingText}} (Line 268)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mr-2" data-icon>{leftIcon}} (Line 279)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="ml-2" data-icon>{rightIcon}} (Line 281)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="inline-block" (Line 292)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 296)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 108)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 108)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="inline-block" (Line 292)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 296)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 108)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 108)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 bg-gradient-to-r from-primary/20 via-secondary/20 to-accent/20 rounded-md" /> (Line 381)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative z-10"> (Line 383)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 447)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 108)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 108)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className = cn( (Line 480)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 108)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className = cn( (Line 480)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 108)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className = cn( (Line 480)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 108)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={groupClasses}>{enhancedChildren}

; (Line 506)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 108)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 296)

src/components/button/GlassButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 108)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 108)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: 'glass-foundation-complete glass-foundation-complete text-white/95 hover:text-white border-0', (Line 147)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: 'glass-foundation-complete glass-foundation-complete text-white/95 hover:text-white border-0', (Line 147)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: 'glass-foundation-complete glass-foundation-complete text-white/95 hover:text-white border-0', (Line 147)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: 'glass-foundation-complete glass-foundation-complete text-white/95 hover:text-white border-0', (Line 147)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: 'glass-foundation-complete glass-foundation-complete text-white/95 hover:text-white border-0', (Line 147)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: 'glass-foundation-complete glass-foundation-complete text-white/95 hover:text-white border-0', (Line 147)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: 'glass-foundation-complete glass-foundation-complete text-white/95 hover:text-white border-0', (Line 147)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: 'glass-foundation-complete glass-foundation-complete text-white/95 hover:text-white border-0', (Line 147)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: 'text-white/95 hover:text-white', (Line 216)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: 'text-white/90 hover:text-white/95 shadow-none', (Line 225)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: 'text-blue-300 hover:text-blue-200 underline-offset-4 hover:underline', (Line 232)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: 'glass-foundation-complete glass-foundation-complete text-white/95 hover:text-white border-0', (Line 147)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 border-2 border-current border-t-transparent rounded-full animate-spin" /> (Line 266)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="ml-2">{loadingText}} (Line 268)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mr-2" data-icon>{leftIcon}} (Line 279)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="ml-2" data-icon>{rightIcon}} (Line 281)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="inline-block" (Line 292)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 296)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 108)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 108)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="inline-block" (Line 292)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 296)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 108)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 108)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 bg-gradient-to-r from-primary/20 via-secondary/20 to-accent/20 rounded-md" /> (Line 381)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative z-10"> (Line 383)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 447)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 108)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 108)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className = cn( (Line 480)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 108)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className = cn( (Line 480)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 108)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className = cn( (Line 480)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 108)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={groupClasses}>{enhancedChildren}

; (Line 506)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 108)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 296)

src/components/button/GlassButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 108)

src/components/button/GlassFab.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 18)

src/components/button/GlassFab.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 20)

src/components/button/GlassFab.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 32)

src/components/button/GlassFab.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 text-center"> (Line 44)

src/components/button/GlassFab.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">GlassFab (Line 45)

src/components/button/GlassFab.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">This is the default glassfab component.

(Line 46)

src/components/button/GlassFab.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 54)

src/components/button/GlassFab.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 18)

src/components/button/GlassFab.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 20)

src/components/button/GlassFab.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 32)

src/components/button/GlassFab.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 text-center"> (Line 44)

src/components/button/GlassFab.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">GlassFab (Line 45)

src/components/button/GlassFab.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">This is the default glassfab component.

(Line 46)

src/components/button/GlassFab.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 54)

src/components/button/GlassFab.stories.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255,255,255,0.06) (Line 79)

src/components/button/GlassFab.stories.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255,255,255,0.15) (Line 80)

src/components/button/GlassFab.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 72)

src/components/button/GlassFab.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className; (Line 346)

src/components/button/GlassFab.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 399)

src/components/button/GlassFab.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 586)

src/components/button/GlassFab.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={position}>{tooltip} (Line 612)

src/components/button/GlassFab.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, variant = 'glass', ...rest } = props; (Line 625)

src/components/button/GlassFab.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`glass-fab ${className || ''}`} variant={variant} {...rest} />; (Line 627)

src/components/button/GlassFab.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 72)

src/components/button/GlassFab.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className; (Line 346)

src/components/button/GlassFab.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 399)

src/components/button/GlassFab.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 586)

src/components/button/GlassFab.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={position}>{tooltip} (Line 612)

src/components/button/GlassFab.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, variant = 'glass', ...rest } = props; (Line 625)

src/components/button/GlassFab.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`glass-fab ${className || ''}`} variant={variant} {...rest} />; (Line 627)

src/components/button/GlassFab.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.05) (Line 308)

src/components/button/GlassMagneticButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/button/GlassMagneticButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/button/GlassMagneticButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 44)

src/components/button/GlassMagneticButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 text-center"> (Line 59)

src/components/button/GlassMagneticButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">MagneticButton (Line 60)

src/components/button/GlassMagneticButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">This is the default glassmagneticbutton component.

(Line 61)

src/components/button/GlassMagneticButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 69)

src/components/button/GlassMagneticButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/button/GlassMagneticButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/button/GlassMagneticButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 44)

src/components/button/GlassMagneticButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 text-center"> (Line 59)

src/components/button/GlassMagneticButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">MagneticButton (Line 60)

src/components/button/GlassMagneticButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">This is the default glassmagneticbutton component.

(Line 61)

src/components/button/GlassMagneticButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 69)

src/components/calendar/GlassCalendar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 46)

src/components/calendar/GlassCalendar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full max-w-4xl"> (Line 98)

src/components/calendar/GlassCalendar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-8 w-full max-w-4xl"> (Line 109)

src/components/calendar/GlassCalendar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-4 text-white">Month View (Line 111)

src/components/calendar/GlassCalendar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-4 text-white">Week View (Line 115)

src/components/calendar/GlassCalendar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-4 text-white">Day View (Line 119)

src/components/calendar/GlassCalendar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full max-w-4xl"> (Line 98)

src/components/calendar/GlassCalendar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full max-w-4xl"> (Line 98)

src/components/calendar/GlassCalendar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full max-w-4xl"> (Line 98)

src/components/calendar/GlassCalendar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full max-w-4xl"> (Line 98)

src/components/calendar/GlassCalendar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 46)

src/components/calendar/GlassCalendar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full max-w-4xl"> (Line 98)

src/components/calendar/GlassCalendar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-8 w-full max-w-4xl"> (Line 109)

src/components/calendar/GlassCalendar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-4 text-white">Month View (Line 111)

src/components/calendar/GlassCalendar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-4 text-white">Week View (Line 115)

src/components/calendar/GlassCalendar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-4 text-white">Day View (Line 119)

src/components/calendar/GlassCalendar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full max-w-4xl"> (Line 98)

src/components/calendar/GlassCalendar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full max-w-4xl"> (Line 98)

src/components/calendar/GlassCalendar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full max-w-4xl"> (Line 98)

src/components/calendar/GlassCalendar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full max-w-4xl"> (Line 98)

src/components/calendar/GlassCalendar.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 231)

src/components/calendar/GlassCalendar.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 231)

src/components/calendar/GlassCalendar.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 231)

src/components/calendar/GlassCalendar.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 231)

src/components/calendar/GlassCalendar.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 231)

src/components/calendar/GlassCalendar.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 231)

src/components/calendar/GlassCalendar.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 231)

src/components/calendar/GlassCalendar.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 231)

src/components/calendar/GlassCalendar.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 231)

src/components/calendar/GlassCalendar.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 231)

src/components/calendar/GlassCalendar.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 231)

src/components/calendar/GlassCalendar.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 231)

src/components/calendar/GlassCalendar.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 231)

src/components/calendar/GlassCalendar.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 231)

src/components/calendar/GlassCalendar.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 251)

src/components/calendar/GlassCalendar.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 251)

src/components/calendar/GlassCalendar.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 251)

src/components/calendar/GlassCalendar.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 251)

src/components/calendar/GlassCalendar.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 251)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 76)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 78)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 101)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('p-6', className)}> (Line 228)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="animate-pulse space-y-4"> (Line 229)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 230)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-8 bg-white/250 rounded w-32">

(Line 231)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-2"> (Line 232)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete w-8 h-8 bg-white/250 rounded">

(Line 233)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete w-8 h-8 bg-white/250 rounded">

(Line 233)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-7 gap-2"> (Line 237)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="aspect-square bg-white/255 rounded-lg">

(Line 239)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full"> (Line 248)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete overflow-hidden', className)} {...props}> (Line 249)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="border-b border-white/300"> (Line 251)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 230)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xl font-semibold text-white/95 flex items-center gap-2"> (Line 253)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-6 h-6" /> (Line 254)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 258)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 265)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 265)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4"> (Line 290)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-7 gap-2 mb-4"> (Line 292)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 300)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-7 gap-2"> (Line 237)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="aspect-square" (Line 324)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 228)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium leading-none"> (Line 342)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-col gap-0.5 mt-1 w-full"> (Line 348)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 300)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full text-xs text-white/70 text-center"> (Line 359)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-6 pt-4 border-t border-white/300"> (Line 373)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold text-white/95 mb-3"> (Line 374)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-3"> (Line 378)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full"> (Line 248)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete bg-white/250 border-white/305 shadow-lg p-4 hover:bg-white/255 hover:shadow-xl transition-all cursor-pointer" (Line 382)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-start gap-3"> (Line 384)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', 'w-3 h-3 rounded-full mt-2 flex-shrink-0', getEventColor(event)))} /> (Line 385)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-0"> (Line 387)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium text-white/95 text-sm">{event.title} (Line 388)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-4 mt-2 text-xs text-white/70"> (Line 390)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1"> (Line 392)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 393)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1"> (Line 392)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 393)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1"> (Line 392)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 393)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70 mt-2 line-clamp-2"> (Line 415)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center text-white/70 py-8"> (Line 426)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 78)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 76)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" />; (Line 455)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" />; (Line 455)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" />; (Line 455)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" />; (Line 455)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 300)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 76)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-0"> (Line 387)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium text-white/95 truncate">{event.title}

(Line 487)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70">{event.startTime}

(Line 489)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 300)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 76)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-start gap-3"> (Line 384)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', 'p-2 rounded-lg bg-white/255', getEventColor(event).replace('border-l-', 'text-')))}> (Line 507)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-0"> (Line 387)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium text-white/95">{event.title} (Line 512)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-4 mt-2 text-sm text-white/85"> (Line 514)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1"> (Line 392)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 265)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1"> (Line 392)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 265)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1"> (Line 392)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 265)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70 mt-2">{event.description}

(Line 537)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1 mt-2"> (Line 541)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 text-white/70" /> (Line 542)

src/components/calendar/GlassCalendar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70"> (Line 543)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 76)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 78)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 101)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('p-6', className)}> (Line 228)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="animate-pulse space-y-4"> (Line 229)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 230)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-8 bg-white/250 rounded w-32">

(Line 231)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-2"> (Line 232)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete w-8 h-8 bg-white/250 rounded">

(Line 233)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete w-8 h-8 bg-white/250 rounded">

(Line 233)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-7 gap-2"> (Line 237)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="aspect-square bg-white/255 rounded-lg">

(Line 239)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full"> (Line 248)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete overflow-hidden', className)} {...props}> (Line 249)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="border-b border-white/300"> (Line 251)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 230)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xl font-semibold text-white/95 flex items-center gap-2"> (Line 253)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-6 h-6" /> (Line 254)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 258)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 265)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 265)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4"> (Line 290)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-7 gap-2 mb-4"> (Line 292)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 300)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-7 gap-2"> (Line 237)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="aspect-square" (Line 324)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 228)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium leading-none"> (Line 342)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-col gap-0.5 mt-1 w-full"> (Line 348)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 300)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full text-xs text-white/70 text-center"> (Line 359)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-6 pt-4 border-t border-white/300"> (Line 373)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold text-white/95 mb-3"> (Line 374)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-3"> (Line 378)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full"> (Line 248)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete bg-white/250 border-white/305 shadow-lg p-4 hover:bg-white/255 hover:shadow-xl transition-all cursor-pointer" (Line 382)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-start gap-3"> (Line 384)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', 'w-3 h-3 rounded-full mt-2 flex-shrink-0', getEventColor(event)))} /> (Line 385)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-0"> (Line 387)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium text-white/95 text-sm">{event.title} (Line 388)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-4 mt-2 text-xs text-white/70"> (Line 390)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1"> (Line 392)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 393)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1"> (Line 392)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 393)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1"> (Line 392)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 393)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70 mt-2 line-clamp-2"> (Line 415)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center text-white/70 py-8"> (Line 426)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 78)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 76)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" />; (Line 455)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" />; (Line 455)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" />; (Line 455)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" />; (Line 455)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 300)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 76)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-0"> (Line 387)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium text-white/95 truncate">{event.title}

(Line 487)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70">{event.startTime}

(Line 489)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 300)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 76)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-start gap-3"> (Line 384)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', 'p-2 rounded-lg bg-white/255', getEventColor(event).replace('border-l-', 'text-')))}> (Line 507)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-0"> (Line 387)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium text-white/95">{event.title} (Line 512)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-4 mt-2 text-sm text-white/85"> (Line 514)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1"> (Line 392)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 265)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1"> (Line 392)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 265)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1"> (Line 392)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 265)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70 mt-2">{event.description}

(Line 537)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1 mt-2"> (Line 541)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 text-white/70" /> (Line 542)

src/components/calendar/GlassCalendar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70"> (Line 543)

src/components/card/div.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, ...props }, ref) => ( (Line 19)

src/components/card/div.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn("flex flex-col space-y-1.5 p-6", className)} (Line 22)

src/components/card/div.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, ...props }, ref) => ( (Line 19)

src/components/card/div.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn("text-2xl font-semibold leading-none tracking-tight text-white", className)} (Line 34)

src/components/card/div.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, ...props }, ref) => ( (Line 19)

src/components/card/div.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn("text-sm text-white/70", className)} (Line 46)

src/components/card/div.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, ...props }, ref) => ( (Line 19)

src/components/card/div.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn("p-6 pt-0", className)} (Line 58)

src/components/card/div.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, ...props }, ref) => ( (Line 19)

src/components/card/div.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn("flex items-center p-6 pt-0", className)} (Line 70)

src/components/card/div.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, ...props }, ref) => ( (Line 19)

src/components/card/div.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn("flex flex-col space-y-1.5 p-6", className)} (Line 22)

src/components/card/div.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, ...props }, ref) => ( (Line 19)

src/components/card/div.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn("text-2xl font-semibold leading-none tracking-tight text-white", className)} (Line 34)

src/components/card/div.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, ...props }, ref) => ( (Line 19)

src/components/card/div.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn("text-sm text-white/70", className)} (Line 46)

src/components/card/div.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, ...props }, ref) => ( (Line 19)

src/components/card/div.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn("p-6 pt-0", className)} (Line 58)

src/components/card/div.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, ...props }, ref) => ( (Line 19)

src/components/card/div.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn("flex items-center p-6 pt-0", className)} (Line 70)

src/components/card/GlassCard.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 200)

src/components/card/GlassCard.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 200)

src/components/card/GlassCard.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 200)

src/components/card/GlassCard.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 200)

src/components/card/GlassCard.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 200)

src/components/card/GlassCard.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 200)

src/components/card/GlassCard.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 200)

src/components/card/GlassCard.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 200)

src/components/card/GlassCard.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 200)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6"> (Line 72)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">Default Card (Line 73)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">This is a standard glass morphism card.

(Line 74)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-4xl"> (Line 82)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6"> (Line 72)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium capitalize mb-2">{variant} Card (Line 86)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs opacity-70">This is a {variant} variant card.

(Line 87)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-4xl"> (Line 82)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 md:p-6"> (Line 103)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium capitalize mb-2">Size {size.toUpperCase()} (Line 104)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs opacity-70">This is a {size} sized card.

(Line 105)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-1 md:grid-cols-3 gap-6 max-w-6xl"> (Line 118)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6 text-center"> (Line 120)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-12 h-12 mx-auto mb-4 rounded-full bg-blue-500/20 flex items-center justify-center"> (Line 121)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-6 h-6 text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 122)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">Hover Effect (Line 126)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">Hover over this card to see the glass effect in action.

(Line 127)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6 text-center cursor-pointer"> (Line 132)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-12 h-12 mx-auto mb-4 rounded-full bg-green-500/20 flex items-center justify-center"> (Line 133)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-6 h-6 text-green-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 134)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">Clickable (Line 138)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">This card is clickable and shows pointer cursor.

(Line 139)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6 text-center"> (Line 120)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-12 h-12 mx-auto mb-4 rounded-full bg-purple-500/20 flex items-center justify-center"> (Line 145)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-6 h-6 text-purple-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 146)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">Interactive (Line 150)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">Special interactive variant with enhanced effects.

(Line 151)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-8"> (Line 169)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-start space-x-4"> (Line 170)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-16 h-16 rounded-full bg-gradient-to-br from-blue-400 to-purple-500 flex items-center justify-center flex-shrink-0"> (Line 171)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 172)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1"> (Line 176)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xl font-bold mb-2">Premium Feature Card (Line 177)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80 mb-4"> (Line 178)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-2"> (Line 182)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-1 bg-blue-500/20 rounded-full text-xs font-medium">Ultra Glass (Line 183)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-1 bg-purple-500/20 rounded-full text-xs font-medium">Interactive (Line 184)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-1 bg-green-500/20 rounded-full text-xs font-medium">Responsive (Line 185)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-4xl"> (Line 82)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6"> (Line 72)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="animate-pulse"> (Line 199)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-3/4 mb-2">

(Line 200)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-3 bg-white/255 rounded w-1/2 mb-4">

(Line 201)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-3 bg-white/255 rounded w-full mb-2">

(Line 202)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-3 bg-white/255 rounded w-2/3">

(Line 203)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6"> (Line 72)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="animate-pulse"> (Line 199)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center space-x-3 mb-4"> (Line 210)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete w-10 h-10 bg-white/250 rounded-full">

(Line 211)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1"> (Line 176)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-3 bg-white/255 rounded w-1/2 mb-1">

(Line 213)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-2 bg-white/255 rounded w-1/3">

(Line 214)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-3 bg-white/255 rounded w-full mb-2">

(Line 202)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-3 bg-white/255 rounded w-3/4">

(Line 218)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6"> (Line 72)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center mb-6"> (Line 238)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-20 h-20 mx-auto mb-4 rounded-full bg-gradient-to-br from-cyan-400 to-blue-500 flex items-center justify-center"> (Line 239)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-10 h-10 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 240)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xl font-bold mb-2">Analytics Dashboard (Line 244)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">Complete business intelligence solution with real-time data visualization.

(Line 245)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-between items-center"> (Line 247)

src/components/card/GlassCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-2xl font-bold">$299

(Line 248)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6"> (Line 72)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">Default Card (Line 73)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">This is a standard glass morphism card.

(Line 74)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-4xl"> (Line 82)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6"> (Line 72)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium capitalize mb-2">{variant} Card (Line 86)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs opacity-70">This is a {variant} variant card.

(Line 87)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-4xl"> (Line 82)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 md:p-6"> (Line 103)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium capitalize mb-2">Size {size.toUpperCase()} (Line 104)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs opacity-70">This is a {size} sized card.

(Line 105)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-1 md:grid-cols-3 gap-6 max-w-6xl"> (Line 118)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6 text-center"> (Line 120)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-12 h-12 mx-auto mb-4 rounded-full bg-blue-500/20 flex items-center justify-center"> (Line 121)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-6 h-6 text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 122)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">Hover Effect (Line 126)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">Hover over this card to see the glass effect in action.

(Line 127)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6 text-center cursor-pointer"> (Line 132)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-12 h-12 mx-auto mb-4 rounded-full bg-green-500/20 flex items-center justify-center"> (Line 133)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-6 h-6 text-green-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 134)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">Clickable (Line 138)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">This card is clickable and shows pointer cursor.

(Line 139)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6 text-center"> (Line 120)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-12 h-12 mx-auto mb-4 rounded-full bg-purple-500/20 flex items-center justify-center"> (Line 145)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-6 h-6 text-purple-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 146)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">Interactive (Line 150)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">Special interactive variant with enhanced effects.

(Line 151)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-8"> (Line 169)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-start space-x-4"> (Line 170)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-16 h-16 rounded-full bg-gradient-to-br from-blue-400 to-purple-500 flex items-center justify-center flex-shrink-0"> (Line 171)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 172)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1"> (Line 176)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xl font-bold mb-2">Premium Feature Card (Line 177)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80 mb-4"> (Line 178)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-2"> (Line 182)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-1 bg-blue-500/20 rounded-full text-xs font-medium">Ultra Glass (Line 183)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-1 bg-purple-500/20 rounded-full text-xs font-medium">Interactive (Line 184)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-1 bg-green-500/20 rounded-full text-xs font-medium">Responsive (Line 185)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-4xl"> (Line 82)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6"> (Line 72)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="animate-pulse"> (Line 199)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-3/4 mb-2">

(Line 200)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-3 bg-white/255 rounded w-1/2 mb-4">

(Line 201)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-3 bg-white/255 rounded w-full mb-2">

(Line 202)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-3 bg-white/255 rounded w-2/3">

(Line 203)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6"> (Line 72)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="animate-pulse"> (Line 199)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center space-x-3 mb-4"> (Line 210)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete w-10 h-10 bg-white/250 rounded-full">

(Line 211)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1"> (Line 176)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-3 bg-white/255 rounded w-1/2 mb-1">

(Line 213)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-2 bg-white/255 rounded w-1/3">

(Line 214)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-3 bg-white/255 rounded w-full mb-2">

(Line 202)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-3 bg-white/255 rounded w-3/4">

(Line 218)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6"> (Line 72)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center mb-6"> (Line 238)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-20 h-20 mx-auto mb-4 rounded-full bg-gradient-to-br from-cyan-400 to-blue-500 flex items-center justify-center"> (Line 239)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-10 h-10 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 240)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xl font-bold mb-2">Analytics Dashboard (Line 244)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">Complete business intelligence solution with real-time data visualization.

(Line 245)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-between items-center"> (Line 247)

src/components/card/GlassCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-2xl font-bold">$299

(Line 248)

src/components/card/GlassCard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 101)

src/components/card/GlassCard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 101)

src/components/card/GlassCard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 101)

src/components/card/GlassCard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 101)

src/components/card/GlassCard.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 102)

src/components/card/GlassCard.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 102)

src/components/card/GlassCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 49)

src/components/card/GlassCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 95)

src/components/card/GlassCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 49)

src/components/card/GlassCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 bg-gradient-to-br from-white/5 via-transparent to-blue-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none rounded-lg" /> (Line 128)

src/components/card/GlassCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 bg-gradient-to-r from-transparent via-white/10 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-1000 pointer-events-none rounded-lg" /> (Line 131)

src/components/card/GlassCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 rounded-lg border border-white/0 group-hover:border-white/300 transition-colors duration-300 pointer-events-none" /> (Line 134)

src/components/card/GlassCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 bg-gradient-to-br from-primary/8 via-secondary/4 to-accent/6 rounded-lg" /> (Line 140)

src/components/card/GlassCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative z-10"> (Line 144)

src/components/card/GlassCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-3"> (Line 146)

src/components/card/GlassCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-4 bg-white/250 animate-pulse rounded shimmer" /> (Line 147)

src/components/card/GlassCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-4 bg-white/255 animate-pulse rounded w-3/4 shimmer" /> (Line 148)

src/components/card/GlassCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-4 bg-white/250 animate-pulse rounded w-1/2 shimmer" /> (Line 149)

src/components/card/GlassCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, children, ...props }, ref) => { (Line 177)

src/components/card/GlassCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 187)

src/components/card/GlassCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 49)

src/components/card/GlassCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, children, ...props }, ref) => { (Line 177)

src/components/card/GlassCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: cn( (Line 230)

src/components/card/GlassCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 49)

src/components/card/GlassCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, children, ...props }, ref) => { (Line 177)

src/components/card/GlassCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 95)

src/components/card/GlassCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 49)

src/components/card/GlassCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, children, ...props }, ref) => { (Line 177)

src/components/card/GlassCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 95)

src/components/card/GlassCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 49)

src/components/card/GlassCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, children, ...props }, ref) => { (Line 177)

src/components/card/GlassCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 187)

src/components/card/GlassCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 49)

src/components/card/GlassCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, children, ...props }, ref) => { (Line 177)

src/components/card/GlassCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 95)

src/components/card/GlassCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 49)

src/components/card/GlassCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 49)

src/components/card/GlassCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 95)

src/components/card/GlassCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 49)

src/components/card/GlassCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 bg-gradient-to-br from-white/5 via-transparent to-blue-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none rounded-lg" /> (Line 128)

src/components/card/GlassCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 bg-gradient-to-r from-transparent via-white/10 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-1000 pointer-events-none rounded-lg" /> (Line 131)

src/components/card/GlassCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 rounded-lg border border-white/0 group-hover:border-white/300 transition-colors duration-300 pointer-events-none" /> (Line 134)

src/components/card/GlassCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 bg-gradient-to-br from-primary/8 via-secondary/4 to-accent/6 rounded-lg" /> (Line 140)

src/components/card/GlassCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative z-10"> (Line 144)

src/components/card/GlassCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-3"> (Line 146)

src/components/card/GlassCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-4 bg-white/250 animate-pulse rounded shimmer" /> (Line 147)

src/components/card/GlassCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-4 bg-white/255 animate-pulse rounded w-3/4 shimmer" /> (Line 148)

src/components/card/GlassCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-4 bg-white/250 animate-pulse rounded w-1/2 shimmer" /> (Line 149)

src/components/card/GlassCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, children, ...props }, ref) => { (Line 177)

src/components/card/GlassCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 187)

src/components/card/GlassCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 49)

src/components/card/GlassCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, children, ...props }, ref) => { (Line 177)

src/components/card/GlassCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: cn( (Line 230)

src/components/card/GlassCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 49)

src/components/card/GlassCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, children, ...props }, ref) => { (Line 177)

src/components/card/GlassCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 95)

src/components/card/GlassCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 49)

src/components/card/GlassCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, children, ...props }, ref) => { (Line 177)

src/components/card/GlassCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 95)

src/components/card/GlassCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 49)

src/components/card/GlassCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, children, ...props }, ref) => { (Line 177)

src/components/card/GlassCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 187)

src/components/card/GlassCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 49)

src/components/card/GlassCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, children, ...props }, ref) => { (Line 177)

src/components/card/GlassCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 95)

src/components/card/GlassCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 49)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 28)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className }: BasicCardProps) { (Line 31)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className}> (Line 33)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 28)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 69)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('group', className)} (Line 78)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative -m-6 mb-4 overflow-hidden rounded-t-lg"> (Line 81)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-48 object-cover transition-transform duration-300 group-hover:scale-105" (Line 85)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute top-3 right-3 px-2 py-1 bg-primary text-primary-foreground text-xs font-medium rounded-full"> (Line 88)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-start gap-3"> (Line 96)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0 w-8 h-8 flex items-center justify-center text-primary"> (Line 98)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-0"> (Line 102)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="group-hover:text-primary transition-colors"> (Line 103)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-1">{description} (Line 106)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 28)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className }: StatCardProps) { (Line 135)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className}> (Line 33)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-start justify-between"> (Line 151)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1"> (Line 152)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium text-muted-foreground">{title}

(Line 153)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-baseline gap-2 mt-1"> (Line 154)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-2xl font-bold">{value}

(Line 155)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('text-sm font-medium flex items-center gap-1', trendColors?.[change.trend])}> (Line 157)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-muted-foreground mt-2">{description}

(Line 164)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0 w-8 h-8 flex items-center justify-center text-muted-foreground"> (Line 168)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 28)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className }: ProfileCardProps) { (Line 191)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className}> (Line 33)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-col items-center text-center"> (Line 195)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-16 h-16 rounded-full object-cover mb-4" (Line 200)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-16 h-16 rounded-full bg-muted flex items-center justify-center mb-4"> (Line 203)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold">{name.charAt(0)} (Line 204)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-1">{role}} (Line 209)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-muted-foreground mt-3">{bio}

} (Line 210)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-center gap-6 mt-4 pt-4 border-t border-border/20"> (Line 213)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 215)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold">{stat.value}

(Line 216)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-muted-foreground">{stat.label}

(Line 217)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 28)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 69)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 276)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 28)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-start gap-3"> (Line 96)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-8 h-8 rounded-full object-cover" /> (Line 288)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg">{typeIcons?.[type]} (Line 290)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-0"> (Line 102)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-start justify-between"> (Line 151)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1"> (Line 152)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium text-sm">{title}

(Line 296)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-muted-foreground mt-1">{message}

(Line 297)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-muted-foreground mt-2">{timestamp}

(Line 299)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0 text-muted-foreground hover:text-foreground" (Line 306)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-3">{actions}

} (Line 313)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 28)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 69)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 78)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 28)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute -top-3 left-1/2 -translate-x-1/2"> (Line 357)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="bg-primary text-primary-foreground px-3 py-1 text-xs font-medium rounded-full"> (Line 358)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-baseline gap-1 mt-3"> (Line 367)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-3xl font-bold">{price} (Line 368)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-muted-foreground">/{period}} (Line 369)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 374)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2 text-sm"> (Line 376)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-green-500">✓ (Line 377)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full"> (Line 386)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 28)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className }: ActivityCardProps) { (Line 410)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className}> (Line 33)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="divide-y divide-border/20"> (Line 418)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 hover:bg-muted/50 transition-colors"> (Line 420)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-between items-start"> (Line 421)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-0"> (Line 102)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium">{item?.action}

(Line 423)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-muted-foreground">by {item?.user}

(Line 425)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-muted-foreground mt-1">{item?.details}

(Line 428)

src/components/card/patterns.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-muted-foreground">{item?.timestamp} (Line 431)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 28)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className }: BasicCardProps) { (Line 31)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className}> (Line 33)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 28)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 69)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('group', className)} (Line 78)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative -m-6 mb-4 overflow-hidden rounded-t-lg"> (Line 81)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-48 object-cover transition-transform duration-300 group-hover:scale-105" (Line 85)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute top-3 right-3 px-2 py-1 bg-primary text-primary-foreground text-xs font-medium rounded-full"> (Line 88)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-start gap-3"> (Line 96)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0 w-8 h-8 flex items-center justify-center text-primary"> (Line 98)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-0"> (Line 102)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="group-hover:text-primary transition-colors"> (Line 103)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-1">{description} (Line 106)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 28)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className }: StatCardProps) { (Line 135)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className}> (Line 33)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-start justify-between"> (Line 151)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1"> (Line 152)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium text-muted-foreground">{title}

(Line 153)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-baseline gap-2 mt-1"> (Line 154)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-2xl font-bold">{value}

(Line 155)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('text-sm font-medium flex items-center gap-1', trendColors?.[change.trend])}> (Line 157)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-muted-foreground mt-2">{description}

(Line 164)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0 w-8 h-8 flex items-center justify-center text-muted-foreground"> (Line 168)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 28)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className }: ProfileCardProps) { (Line 191)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className}> (Line 33)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-col items-center text-center"> (Line 195)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-16 h-16 rounded-full object-cover mb-4" (Line 200)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-16 h-16 rounded-full bg-muted flex items-center justify-center mb-4"> (Line 203)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold">{name.charAt(0)} (Line 204)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-1">{role}} (Line 209)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-muted-foreground mt-3">{bio}

} (Line 210)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-center gap-6 mt-4 pt-4 border-t border-border/20"> (Line 213)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 215)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold">{stat.value}

(Line 216)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-muted-foreground">{stat.label}

(Line 217)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 28)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 69)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 276)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 28)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-start gap-3"> (Line 96)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-8 h-8 rounded-full object-cover" /> (Line 288)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg">{typeIcons?.[type]} (Line 290)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-0"> (Line 102)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-start justify-between"> (Line 151)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1"> (Line 152)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium text-sm">{title}

(Line 296)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-muted-foreground mt-1">{message}

(Line 297)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-muted-foreground mt-2">{timestamp}

(Line 299)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0 text-muted-foreground hover:text-foreground" (Line 306)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-3">{actions}

} (Line 313)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 28)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 69)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 78)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 28)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute -top-3 left-1/2 -translate-x-1/2"> (Line 357)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="bg-primary text-primary-foreground px-3 py-1 text-xs font-medium rounded-full"> (Line 358)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-baseline gap-1 mt-3"> (Line 367)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-3xl font-bold">{price} (Line 368)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-muted-foreground">/{period}} (Line 369)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 374)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2 text-sm"> (Line 376)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-green-500">✓ (Line 377)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full"> (Line 386)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 28)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className }: ActivityCardProps) { (Line 410)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className}> (Line 33)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="divide-y divide-border/20"> (Line 418)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 hover:bg-muted/50 transition-colors"> (Line 420)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-between items-start"> (Line 421)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-0"> (Line 102)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium">{item?.action}

(Line 423)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-muted-foreground">by {item?.user}

(Line 425)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-muted-foreground mt-1">{item?.details}

(Line 428)

src/components/card/patterns.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-muted-foreground">{item?.timestamp} (Line 431)

src/components/charts/components/AtmosphericEffects.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 32)

src/components/charts/components/AtmosphericEffects.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 32)

src/components/charts/components/ChartAxis.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-col gap-8"> (Line 57)

src/components/charts/components/ChartAxis.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-col gap-8"> (Line 57)

src/components/charts/components/ChartContainer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 text-center"> (Line 29)

src/components/charts/components/ChartContainer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">ChartContainer (Line 30)

src/components/charts/components/ChartContainer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">This is the default chartcontainer component.

(Line 31)

src/components/charts/components/ChartContainer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 39)

src/components/charts/components/ChartContainer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 text-center"> (Line 29)

src/components/charts/components/ChartContainer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">ChartContainer (Line 30)

src/components/charts/components/ChartContainer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">This is the default chartcontainer component.

(Line 31)

src/components/charts/components/ChartContainer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 39)

src/components/charts/components/ChartContainer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 6)

src/components/charts/components/ChartContainer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 18)

src/components/charts/components/ChartContainer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} style={containerStyle}> (Line 42)

src/components/charts/components/ChartContainer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 6)

src/components/charts/components/ChartContainer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 18)

src/components/charts/components/ChartContainer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} style={containerStyle}> (Line 42)

src/components/charts/components/ChartFilters.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-col gap-4"> (Line 36)

src/components/charts/components/ChartFilters.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-col gap-4"> (Line 36)

src/components/charts/components/ChartGrid.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-col gap-4"> (Line 53)

src/components/charts/components/ChartGrid.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative w-80 h-40 bg-gray-900/20 rounded border"> (Line 54)

src/components/charts/components/ChartGrid.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 flex items-center justify-center text-white/70"> (Line 56)

src/components/charts/components/ChartGrid.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-col gap-4"> (Line 53)

src/components/charts/components/ChartGrid.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative w-80 h-40 bg-gray-900/20 rounded border"> (Line 54)

src/components/charts/components/ChartGrid.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 flex items-center justify-center text-white/70"> (Line 56)

src/components/charts/components/ChartLegend.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-col gap-8"> (Line 58)

src/components/charts/components/ChartLegend.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-col gap-8"> (Line 58)

src/components/charts/components/ChartLegend.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.05) (Line 27)

src/components/charts/components/ChartRenderer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-col gap-4"> (Line 56)

src/components/charts/components/ChartRenderer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative w-80 h-40 bg-gray-900/20 rounded border p-4"> (Line 57)

src/components/charts/components/ChartRenderer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-col gap-4"> (Line 56)

src/components/charts/components/ChartRenderer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative w-80 h-40 bg-gray-900/20 rounded border p-4"> (Line 57)

src/components/charts/components/ChartTooltip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-col gap-8"> (Line 60)

src/components/charts/components/ChartTooltip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-col gap-8"> (Line 60)

src/components/charts/components/KpiChart.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 52)

src/components/charts/components/KpiChart.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 52)

src/components/charts/components/KpiChart.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.05) (Line 53)

src/components/charts/GlassAreaChart.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 68)

src/components/charts/GlassAreaChart.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 68)

src/components/charts/GlassAreaChart.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 286)

src/components/charts/GlassAreaChart.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 286)

src/components/charts/GlassAreaChart.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 286)

src/components/charts/GlassAreaChart.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 286)

src/components/charts/GlassAreaChart.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 286)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 89)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 91)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 122)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('p-6', className)}> (Line 284)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="animate-pulse space-y-4"> (Line 285)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-6 bg-white/250 rounded w-48">

(Line 286)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-64 bg-white/255 rounded">

(Line 287)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-center gap-4"> (Line 288)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-20">

(Line 289)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-20">

(Line 289)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-20">

(Line 289)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full"> (Line 299)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('overflow-hidden', className)} {...props}> (Line 300)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white text-lg font-semibold"> (Line 303)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4"> (Line 309)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative"> (Line 310)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="overflow-visible"> (Line 311)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="opacity-20"> (Line 314)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70" (Line 325)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70" (Line 325)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative" (Line 310)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="transition-opacity duration-300 hover:opacity-80" (Line 362)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative" (Line 310)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="drop-shadow-sm" (Line 385)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="cursor-pointer hover:r-6 transition-all duration-200" (Line 402)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="pointer-events-none"> (Line 416)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70" (Line 325)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70" (Line 325)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs fill-white/70" (Line 468)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs fill-white/70" (Line 468)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm fill-white/80 font-medium" (Line 494)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm fill-white/80 font-medium" (Line 494)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute z-10"> (Line 515)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', 'absolute rounded-xl p-3 shadow-xl', 'bg-black/70 backdrop-blur-xl ring-1 ring-white/10 glass-radial-reveal glass-lift'))} (Line 517)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white text-sm space-y-2"> (Line 524)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium"> (Line 525)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 530)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3 rounded" style={{ backgroundColor: s.color }} /> (Line 531)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/80">{s.name}: {formatYValue(hoveredPoint.values?.[index] || 0)} (Line 532)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap justify-center gap-4 mt-6"> (Line 543)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', 'flex items-center gap-2 px-2 py-1 rounded-md transition-all duration-200 hover:-translate-y-0.5', (Line 547)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3 rounded" style={{ backgroundColor: s.color }} /> (Line 531)

src/components/charts/GlassAreaChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/80">{s.name} (Line 554)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 89)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 91)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 122)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('p-6', className)}> (Line 284)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="animate-pulse space-y-4"> (Line 285)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-6 bg-white/250 rounded w-48">

(Line 286)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-64 bg-white/255 rounded">

(Line 287)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-center gap-4"> (Line 288)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-20">

(Line 289)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-20">

(Line 289)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-20">

(Line 289)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full"> (Line 299)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('overflow-hidden', className)} {...props}> (Line 300)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white text-lg font-semibold"> (Line 303)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4"> (Line 309)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative"> (Line 310)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="overflow-visible"> (Line 311)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="opacity-20"> (Line 314)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70" (Line 325)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70" (Line 325)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative" (Line 310)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="transition-opacity duration-300 hover:opacity-80" (Line 362)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative" (Line 310)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="drop-shadow-sm" (Line 385)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="cursor-pointer hover:r-6 transition-all duration-200" (Line 402)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="pointer-events-none"> (Line 416)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70" (Line 325)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70" (Line 325)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs fill-white/70" (Line 468)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs fill-white/70" (Line 468)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm fill-white/80 font-medium" (Line 494)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm fill-white/80 font-medium" (Line 494)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute z-10"> (Line 515)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', 'absolute rounded-xl p-3 shadow-xl', 'bg-black/70 backdrop-blur-xl ring-1 ring-white/10 glass-radial-reveal glass-lift'))} (Line 517)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white text-sm space-y-2"> (Line 524)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium"> (Line 525)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 530)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3 rounded" style={{ backgroundColor: s.color }} /> (Line 531)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/80">{s.name}: {formatYValue(hoveredPoint.values?.[index] || 0)} (Line 532)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap justify-center gap-4 mt-6"> (Line 543)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', 'flex items-center gap-2 px-2 py-1 rounded-md transition-all duration-200 hover:-translate-y-0.5', (Line 547)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3 rounded" style={{ backgroundColor: s.color }} /> (Line 531)

src/components/charts/GlassAreaChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/80">{s.name} (Line 554)

src/components/charts/GlassBarChart.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-col gap-8"> (Line 72)

src/components/charts/GlassBarChart.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-col gap-8"> (Line 72)

src/components/charts/GlassBarChart.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 329)

src/components/charts/GlassBarChart.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 329)

src/components/charts/GlassBarChart.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 329)

src/components/charts/GlassBarChart.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 329)

src/components/charts/GlassBarChart.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 329)

src/components/charts/GlassBarChart.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 329)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 92)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 94)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 126)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('p-6', className)}> (Line 327)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="animate-pulse space-y-4"> (Line 328)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-6 bg-white/250 rounded w-48">

(Line 329)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-64 bg-white/255 rounded flex items-end justify-center gap-2"> (Line 330)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="bg-white/250 rounded-t" (Line 334)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-center gap-4"> (Line 342)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-20">

(Line 343)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-20">

(Line 343)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-20">

(Line 343)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full"> (Line 353)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('overflow-hidden', className)} {...props}> (Line 354)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white text-lg font-semibold"> (Line 357)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4"> (Line 363)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative"> (Line 364)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="overflow-visible"> (Line 365)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="opacity-20"> (Line 368)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70" (Line 380)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70" (Line 380)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative" (Line 364)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="cursor-pointer transition-all duration-200 hover:opacity-80" (Line 415)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs fill-white/80 font-medium" (Line 430)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70" (Line 380)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70" (Line 380)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70" (Line 380)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70" (Line 380)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs fill-white/70" (Line 492)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs fill-white/70" (Line 492)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm fill-white/80 font-medium" (Line 518)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm fill-white/80 font-medium" (Line 518)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm fill-white/80 font-medium" (Line 518)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 pointer-events-none"> (Line 551)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute z-10"> (Line 558)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', 'absolute rounded-xl p-3 shadow-xl', 'bg-black/70 backdrop-blur-xl ring-1 ring-white/10 glass-radial-reveal glass-lift'))} (Line 560)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white text-sm"> (Line 567)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium">{series.find(s => s.id === hoveredBar.seriesId)?.name}

(Line 568)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/80">Value: {formatYValue(hoveredBar.value)}

(Line 569)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap justify-center gap-4 mt-6"> (Line 579)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', 'flex items-center gap-2 px-2 py-1 rounded-md transition-all duration-200 hover:-translate-y-0.5', (Line 583)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3 rounded" style={{ backgroundColor: s.color || colors[idx % (colors?.length || 0)] }} /> (Line 589)

src/components/charts/GlassBarChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/80">{s.name} (Line 590)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 92)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 94)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 126)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('p-6', className)}> (Line 327)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="animate-pulse space-y-4"> (Line 328)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-6 bg-white/250 rounded w-48">

(Line 329)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-64 bg-white/255 rounded flex items-end justify-center gap-2"> (Line 330)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="bg-white/250 rounded-t" (Line 334)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-center gap-4"> (Line 342)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-20">

(Line 343)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-20">

(Line 343)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-20">

(Line 343)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full"> (Line 353)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('overflow-hidden', className)} {...props}> (Line 354)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white text-lg font-semibold"> (Line 357)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4"> (Line 363)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative"> (Line 364)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="overflow-visible"> (Line 365)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="opacity-20"> (Line 368)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70" (Line 380)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70" (Line 380)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative" (Line 364)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="cursor-pointer transition-all duration-200 hover:opacity-80" (Line 415)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs fill-white/80 font-medium" (Line 430)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70" (Line 380)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70" (Line 380)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70" (Line 380)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70" (Line 380)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs fill-white/70" (Line 492)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs fill-white/70" (Line 492)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm fill-white/80 font-medium" (Line 518)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm fill-white/80 font-medium" (Line 518)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm fill-white/80 font-medium" (Line 518)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 pointer-events-none"> (Line 551)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute z-10"> (Line 558)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', 'absolute rounded-xl p-3 shadow-xl', 'bg-black/70 backdrop-blur-xl ring-1 ring-white/10 glass-radial-reveal glass-lift'))} (Line 560)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white text-sm"> (Line 567)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium">{series.find(s => s.id === hoveredBar.seriesId)?.name}

(Line 568)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/80">Value: {formatYValue(hoveredBar.value)}

(Line 569)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap justify-center gap-4 mt-6"> (Line 579)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', 'flex items-center gap-2 px-2 py-1 rounded-md transition-all duration-200 hover:-translate-y-0.5', (Line 583)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3 rounded" style={{ backgroundColor: s.color || colors[idx % (colors?.length || 0)] }} /> (Line 589)

src/components/charts/GlassBarChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/80">{s.name} (Line 590)

src/components/charts/GlassChart.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/charts/GlassChart.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/charts/GlassChart.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 22)

src/components/charts/GlassChart.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 35)

src/components/charts/GlassChart.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/charts/GlassChart.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/charts/GlassChart.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 22)

src/components/charts/GlassChart.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 35)

src/components/charts/GlassChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 28)

src/components/charts/GlassChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 475)

src/components/charts/GlassChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 731)

src/components/charts/GlassChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 28)

src/components/charts/GlassChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 475)

src/components/charts/GlassChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 731)

src/components/charts/GlassChart.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.15) (Line 247)

src/components/charts/GlassDataChart.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/charts/GlassDataChart.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/charts/GlassDataChart.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 22)

src/components/charts/GlassDataChart.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 35)

src/components/charts/GlassDataChart.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/charts/GlassDataChart.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/charts/GlassDataChart.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 22)

src/components/charts/GlassDataChart.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 35)

src/components/charts/GlassDataChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 188)

src/components/charts/GlassDataChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 682)

src/components/charts/GlassDataChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`glass-data-chart ${className || ''}`} (Line 1334)

src/components/charts/GlassDataChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 188)

src/components/charts/GlassDataChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 682)

src/components/charts/GlassDataChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`glass-data-chart ${className || ''}`} (Line 1334)

src/components/charts/GlassLineChart.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/charts/GlassLineChart.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/charts/GlassLineChart.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 22)

src/components/charts/GlassLineChart.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 35)

src/components/charts/GlassLineChart.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/charts/GlassLineChart.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/charts/GlassLineChart.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 22)

src/components/charts/GlassLineChart.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 35)

src/components/charts/GlassLineChart.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 212)

src/components/charts/GlassLineChart.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 212)

src/components/charts/GlassLineChart.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 212)

src/components/charts/GlassLineChart.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 212)

src/components/charts/GlassLineChart.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 212)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 80)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 82)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 111)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('p-6', className)}> (Line 210)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="animate-pulse space-y-4"> (Line 211)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-6 bg-white/250 rounded w-48">

(Line 212)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-64 bg-white/255 rounded">

(Line 213)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-center gap-4"> (Line 214)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-20">

(Line 215)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-20">

(Line 215)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-20">

(Line 215)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full"> (Line 225)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('overflow-hidden', className)} {...props}> (Line 226)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white text-lg font-semibold"> (Line 229)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4"> (Line 235)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative"> (Line 236)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="overflow-visible"> (Line 237)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="opacity-20"> (Line 240)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70" (Line 251)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70" (Line 251)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative" (Line 236)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="drop-shadow-sm" (Line 284)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="cursor-pointer hover:r-6 transition-all duration-200" (Line 309)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="pointer-events-none"> (Line 323)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70" (Line 251)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70" (Line 251)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs fill-white/70" (Line 383)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs fill-white/70" (Line 383)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm fill-white/80 font-medium" (Line 409)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm fill-white/80 font-medium" (Line 409)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute z-10"> (Line 430)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 432)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white text-sm"> (Line 442)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium"> (Line 443)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/80"> (Line 446)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap justify-center gap-4 mt-6"> (Line 464)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', 'flex items-center gap-2 px-2 py-1 rounded-md transition-all duration-200 hover:-translate-y-0.5', (Line 468)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3 rounded-full" (Line 475)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/80">{s.name} (Line 478)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 82)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 80)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('p-6', className)}> (Line 210)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mb-6"> (Line 506)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold text-white mb-1">{title} (Line 508)

src/components/charts/GlassLineChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70">{subtitle}

(Line 511)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 80)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 82)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 111)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('p-6', className)}> (Line 210)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="animate-pulse space-y-4"> (Line 211)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-6 bg-white/250 rounded w-48">

(Line 212)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-64 bg-white/255 rounded">

(Line 213)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-center gap-4"> (Line 214)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-20">

(Line 215)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-20">

(Line 215)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-20">

(Line 215)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full"> (Line 225)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('overflow-hidden', className)} {...props}> (Line 226)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white text-lg font-semibold"> (Line 229)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4"> (Line 235)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative"> (Line 236)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="overflow-visible"> (Line 237)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="opacity-20"> (Line 240)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70" (Line 251)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70" (Line 251)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative" (Line 236)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="drop-shadow-sm" (Line 284)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="cursor-pointer hover:r-6 transition-all duration-200" (Line 309)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="pointer-events-none"> (Line 323)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70" (Line 251)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70" (Line 251)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs fill-white/70" (Line 383)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs fill-white/70" (Line 383)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm fill-white/80 font-medium" (Line 409)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm fill-white/80 font-medium" (Line 409)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute z-10"> (Line 430)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 432)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white text-sm"> (Line 442)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium"> (Line 443)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/80"> (Line 446)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap justify-center gap-4 mt-6"> (Line 464)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', 'flex items-center gap-2 px-2 py-1 rounded-md transition-all duration-200 hover:-translate-y-0.5', (Line 468)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3 rounded-full" (Line 475)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/80">{s.name} (Line 478)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 82)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 80)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('p-6', className)}> (Line 210)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mb-6"> (Line 506)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold text-white mb-1">{title} (Line 508)

src/components/charts/GlassLineChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70">{subtitle}

(Line 511)

src/components/charts/GlassPieChart.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/charts/GlassPieChart.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/charts/GlassPieChart.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 22)

src/components/charts/GlassPieChart.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 35)

src/components/charts/GlassPieChart.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/charts/GlassPieChart.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/charts/GlassPieChart.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 22)

src/components/charts/GlassPieChart.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 35)

src/components/charts/GlassPieChart.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 206)

src/components/charts/GlassPieChart.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 206)

src/components/charts/GlassPieChart.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 206)

src/components/charts/GlassPieChart.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 206)

src/components/charts/GlassPieChart.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 206)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 68)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 70)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 98)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('p-6', className)}> (Line 204)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="animate-pulse space-y-4"> (Line 205)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-6 bg-white/250 rounded w-48">

(Line 206)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center"> (Line 207)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete w-64 h-64 bg-white/255 rounded-full">

(Line 208)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-center gap-4"> (Line 211)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-20">

(Line 212)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-20">

(Line 212)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-20">

(Line 212)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full"> (Line 223)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('overflow-hidden', className)} {...props}> (Line 224)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white text-lg font-semibold"> (Line 227)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4"> (Line 233)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 204)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative flex-shrink-0"> (Line 240)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="overflow-visible"> (Line 241)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative" (Line 248)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="cursor-pointer transition-all duration-200 hover:opacity-80" (Line 255)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs fill-white/80 font-medium" (Line 270)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs fill-white/60"> (Line 275)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm fill-white/80 font-medium" (Line 299)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg fill-white font-semibold" (Line 307)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute z-10"> (Line 317)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', 'absolute rounded-xl p-3 shadow-xl', 'bg-black/70 backdrop-blur-xl ring-1 ring-white/10 glass-radial-reveal glass-lift'))} (Line 319)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white text-sm"> (Line 326)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium">{hoveredSegment.label}

(Line 327)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/80"> (Line 328)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 204)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', 'flex items-center gap-2 px-2 py-1 rounded-md transition-all duration-200 hover:-translate-y-0.5', (Line 348)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3 rounded" (Line 355)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/80"> (Line 358)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium">{item?.label} (Line 359)

src/components/charts/GlassPieChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="ml-2 text-white/70"> (Line 360)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 68)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 70)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 98)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('p-6', className)}> (Line 204)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="animate-pulse space-y-4"> (Line 205)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-6 bg-white/250 rounded w-48">

(Line 206)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center"> (Line 207)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete w-64 h-64 bg-white/255 rounded-full">

(Line 208)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-center gap-4"> (Line 211)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-20">

(Line 212)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-20">

(Line 212)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-20">

(Line 212)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full"> (Line 223)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('overflow-hidden', className)} {...props}> (Line 224)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white text-lg font-semibold"> (Line 227)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4"> (Line 233)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 204)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative flex-shrink-0"> (Line 240)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="overflow-visible"> (Line 241)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative" (Line 248)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="cursor-pointer transition-all duration-200 hover:opacity-80" (Line 255)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs fill-white/80 font-medium" (Line 270)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs fill-white/60"> (Line 275)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm fill-white/80 font-medium" (Line 299)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg fill-white font-semibold" (Line 307)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute z-10"> (Line 317)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', 'absolute rounded-xl p-3 shadow-xl', 'bg-black/70 backdrop-blur-xl ring-1 ring-white/10 glass-radial-reveal glass-lift'))} (Line 319)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white text-sm"> (Line 326)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium">{hoveredSegment.label}

(Line 327)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/80"> (Line 328)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 204)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', 'flex items-center gap-2 px-2 py-1 rounded-md transition-all duration-200 hover:-translate-y-0.5', (Line 348)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3 rounded" (Line 355)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/80"> (Line 358)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium">{item?.label} (Line 359)

src/components/charts/GlassPieChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="ml-2 text-white/70"> (Line 360)

src/components/charts/ModularGlassDataChart.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/charts/ModularGlassDataChart.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/charts/ModularGlassDataChart.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 22)

src/components/charts/ModularGlassDataChart.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 35)

src/components/charts/ModularGlassDataChart.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/charts/ModularGlassDataChart.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/charts/ModularGlassDataChart.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 22)

src/components/charts/ModularGlassDataChart.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 35)

src/components/charts/ModularGlassDataChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 174)

src/components/charts/ModularGlassDataChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 438)

src/components/charts/ModularGlassDataChart.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 438)

src/components/charts/ModularGlassDataChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 174)

src/components/charts/ModularGlassDataChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 438)

src/components/charts/ModularGlassDataChart.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 438)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 158)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 158)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 158)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 158)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 158)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 158)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: string; label: string; dotColor: string }> = ({ className, label, dotColor }) => { (Line 117)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`chart-element relative overflow-hidden ${className}`} (Line 136)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 pointer-events-none" style={style} /> (Line 139)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative text-center"> (Line 140)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-8 h-8 rounded-full mx-auto mb-2" style={{ backgroundColor: dotColor }} /> (Line 141)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium">{label}

(Line 142)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-8 space-y-6"> (Line 149)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 150)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xl font-semibold mb-2">Galileo Element Interaction Plugin (Line 151)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80 mb-4"> (Line 152)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4 justify-center"> (Line 157)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 bg-gradient-to-br from-blue-500/20 to-purple-500/20 backdrop-blur-sm border border-white/300 rounded-lg cursor-pointer" label="Data Point 1" dotColor="#3B82F6" /> (Line 158)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 bg-gradient-to-br from-green-500/20 to-blue-500/20 backdrop-blur-sm border border-white/300 rounded-lg cursor-pointer" label="Data Point 2" dotColor="#10B981" /> (Line 159)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 bg-gradient-to-br from-purple-500/20 to-pink-500/20 backdrop-blur-sm border border-white/300 rounded-lg cursor-pointer" label="Data Point 3" dotColor="#A855F7" /> (Line 160)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="bg-gray-900/50 backdrop-blur-sm border border-white/300 rounded-lg p-4"> (Line 163)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-semibold mb-2">Plugin Status: (Line 164)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs opacity-75"> (Line 165)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-8 space-y-6"> (Line 149)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 150)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xl font-semibold mb-2">Disabled Effects (Line 204)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80 mb-4"> (Line 152)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4 justify-center"> (Line 157)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="chart-element p-4 bg-gradient-to-br from-red-500/20 to-orange-500/20 backdrop-blur-sm border border-white/300 rounded-lg cursor-pointer"> (Line 211)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 150)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-8 h-8 bg-red-500 rounded-full mx-auto mb-2">

(Line 213)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium">No Effects

(Line 214)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="bg-gray-900/50 backdrop-blur-sm border border-white/300 rounded-lg p-4"> (Line 163)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-semibold mb-2">Plugin Status: (Line 164)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs opacity-75"> (Line 165)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: string; label: string; dotColor: string }> = ({ className, label, dotColor }) => { (Line 117)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`chart-element relative overflow-hidden ${className}`} (Line 136)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 pointer-events-none" style={style} /> (Line 139)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative text-center"> (Line 140)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-8 h-8 rounded-full mx-auto mb-2" style={{ backgroundColor: dotColor }} /> (Line 141)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium">{label}

(Line 142)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-8 space-y-6"> (Line 149)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 150)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xl font-semibold mb-2">Galileo Element Interaction Plugin (Line 151)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80 mb-4"> (Line 152)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4 justify-center"> (Line 157)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 bg-gradient-to-br from-blue-500/20 to-purple-500/20 backdrop-blur-sm border border-white/300 rounded-lg cursor-pointer" label="Data Point 1" dotColor="#3B82F6" /> (Line 158)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 bg-gradient-to-br from-green-500/20 to-blue-500/20 backdrop-blur-sm border border-white/300 rounded-lg cursor-pointer" label="Data Point 2" dotColor="#10B981" /> (Line 159)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 bg-gradient-to-br from-purple-500/20 to-pink-500/20 backdrop-blur-sm border border-white/300 rounded-lg cursor-pointer" label="Data Point 3" dotColor="#A855F7" /> (Line 160)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="bg-gray-900/50 backdrop-blur-sm border border-white/300 rounded-lg p-4"> (Line 163)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-semibold mb-2">Plugin Status: (Line 164)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs opacity-75"> (Line 165)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-8 space-y-6"> (Line 149)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 150)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xl font-semibold mb-2">Disabled Effects (Line 204)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80 mb-4"> (Line 152)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4 justify-center"> (Line 157)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="chart-element p-4 bg-gradient-to-br from-red-500/20 to-orange-500/20 backdrop-blur-sm border border-white/300 rounded-lg cursor-pointer"> (Line 211)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 150)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-8 h-8 bg-red-500 rounded-full mx-auto mb-2">

(Line 213)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium">No Effects

(Line 214)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="bg-gray-900/50 backdrop-blur-sm border border-white/300 rounded-lg p-4"> (Line 163)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-semibold mb-2">Plugin Status: (Line 164)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs opacity-75"> (Line 165)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255,255,255,0.18) (Line 126)

src/components/charts/plugins/GalileoElementInteractionPlugin.stories.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255,255,255,0.06) (Line 126)

src/components/charts/plugins/GalileoElementInteractionPlugin.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="galileo-interaction-overlay" (Line 101)

src/components/charts/plugins/GalileoElementInteractionPlugin.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`galileo-element-${id}`} (Line 115)

src/components/charts/plugins/GalileoElementInteractionPlugin.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className = 'galileo-ripple'; (Line 263)

src/components/charts/plugins/GalileoElementInteractionPlugin.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="galileo-interaction-overlay" (Line 101)

src/components/charts/plugins/GalileoElementInteractionPlugin.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`galileo-element-${id}`} (Line 115)

src/components/charts/plugins/GalileoElementInteractionPlugin.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className = 'galileo-ripple'; (Line 263)

src/components/cookie-consent/CompactCookieNotice.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/cookie-consent/CompactCookieNotice.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 43)

src/components/cookie-consent/CompactCookieNotice.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-col gap-4"> (Line 61)

src/components/cookie-consent/CompactCookieNotice.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/cookie-consent/CompactCookieNotice.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 43)

src/components/cookie-consent/CompactCookieNotice.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-col gap-4"> (Line 61)

src/components/cookie-consent/CompactCookieNotice.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 162)

src/components/cookie-consent/CompactCookieNotice.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 250)

src/components/cookie-consent/CompactCookieNotice.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 162)

src/components/cookie-consent/CompactCookieNotice.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 250)

src/components/cookie-consent/CookieConsent.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/cookie-consent/CookieConsent.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 43)

src/components/cookie-consent/CookieConsent.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 61)

src/components/cookie-consent/CookieConsent.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/cookie-consent/CookieConsent.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 43)

src/components/cookie-consent/CookieConsent.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 61)

src/components/cookie-consent/CookieConsent.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 162)

src/components/cookie-consent/CookieConsent.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 264)

src/components/cookie-consent/CookieConsent.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 162)

src/components/cookie-consent/CookieConsent.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 264)

src/components/cookie-consent/GlobalCookieConsent.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/cookie-consent/GlobalCookieConsent.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 43)

src/components/cookie-consent/GlobalCookieConsent.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 61)

src/components/cookie-consent/GlobalCookieConsent.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/cookie-consent/GlobalCookieConsent.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 43)

src/components/cookie-consent/GlobalCookieConsent.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 61)

src/components/cookie-consent/GlobalCookieConsent.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 239)

src/components/cookie-consent/GlobalCookieConsent.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 461)

src/components/cookie-consent/GlobalCookieConsent.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="dialog-container"> (Line 515)

src/components/cookie-consent/GlobalCookieConsent.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="dialog-header"> (Line 516)

src/components/cookie-consent/GlobalCookieConsent.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="dialog-content">{renderCategories()}

(Line 522)

src/components/cookie-consent/GlobalCookieConsent.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="dialog-actions"> (Line 523)

src/components/cookie-consent/GlobalCookieConsent.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 239)

src/components/cookie-consent/GlobalCookieConsent.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 461)

src/components/cookie-consent/GlobalCookieConsent.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="dialog-container"> (Line 515)

src/components/cookie-consent/GlobalCookieConsent.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="dialog-header"> (Line 516)

src/components/cookie-consent/GlobalCookieConsent.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="dialog-content">{renderCategories()}

(Line 522)

src/components/cookie-consent/GlobalCookieConsent.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="dialog-actions"> (Line 523)

src/components/cookie-consent/GlobalCookieConsent.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.12) (Line 97)

src/components/cookie-consent/GlobalCookieConsent.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.15) (Line 100)

src/components/cookie-consent/GlobalCookieConsent.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.07) (Line 173)

src/components/cookie-consent/GlobalCookieConsent.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.05) (Line 197)

src/components/dashboard/GlassActivityFeed.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/dashboard/GlassActivityFeed.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 42)

src/components/dashboard/GlassActivityFeed.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 87)

src/components/dashboard/GlassActivityFeed.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/dashboard/GlassActivityFeed.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 42)

src/components/dashboard/GlassActivityFeed.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 87)

src/components/dashboard/GlassActivityFeed.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 263)

src/components/dashboard/GlassActivityFeed.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 263)

src/components/dashboard/GlassActivityFeed.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 263)

src/components/dashboard/GlassActivityFeed.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 263)

src/components/dashboard/GlassActivityFeed.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 263)

src/components/dashboard/GlassActivityFeed.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 263)

src/components/dashboard/GlassActivityFeed.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 263)

src/components/dashboard/GlassActivityFeed.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 263)

src/components/dashboard/GlassActivityFeed.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 263)

src/components/dashboard/GlassActivityFeed.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 263)

src/components/dashboard/GlassActivityFeed.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 263)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 111)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 113)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 137)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('p-6', className)}> (Line 261)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="animate-pulse space-y-4"> (Line 262)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-6 bg-white/250 rounded w-48">

(Line 263)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-3"> (Line 264)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-3"> (Line 266)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete w-8 h-8 bg-white/250 rounded-full flex-shrink-0">

(Line 267)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 space-y-2"> (Line 268)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-3/4">

(Line 269)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-3 bg-white/250 rounded w-1/2">

(Line 270)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full"> (Line 281)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('overflow-hidden', className)} {...props}> (Line 282)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="pb-4"> (Line 283)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 284)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white text-xl font-semibold"> (Line 286)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70 mt-1">{subtitle}

(Line 290)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 296)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 text-white/70" /> (Line 297)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="bg-glass-fill ring-1 ring-white/10 rounded px-3 py-1 text-sm text-white focus:outline-none focus:ring-white/30" (Line 301)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="pt-0"> (Line 315)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-col items-center justify-center py-12"> (Line 317)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-12 h-12 text-white/70 mb-4" /> (Line 318)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 text-center">{emptyMessage}

(Line 319)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4"> (Line 322)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2 mb-3"> (Line 327)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-px bg-white/250 flex-1">

(Line 328)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70 font-medium px-2 py-1 bg-white/255 rounded"> (Line 329)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-px bg-white/250 flex-1">

(Line 328)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-3"> (Line 264)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 261)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 369)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4">{activity.icon} (Line 375)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('w-4 h-4', config.color, compact && 'w-3 h-3')} /> (Line 377)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-0"> (Line 382)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-start justify-between gap-2 min-w-0"> (Line 383)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-0"> (Line 382)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 261)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 261)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1"> (Line 403)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-1" (Line 413)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" />} (Line 415)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-3 mt-2"> (Line 423)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 296)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5 rounded-full" (Line 430)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete w-5 h-5 rounded-full bg-white/250 flex items-center justify-center"> (Line 433)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/80 font-medium"> (Line 434)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70"> (Line 439)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70 flex items-center gap-1"> (Line 446)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 415)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="truncate max-w-[100px]" (Line 456)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-1 items-center"> (Line 464)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="truncate max-w-[80px]" (Line 470)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="opacity-60"> (Line 477)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-3"> (Line 264)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 369)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 369)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4">{activity.icon} (Line 375)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('w-4 h-4', config.color, compact && 'w-3 h-3')} /> (Line 377)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-0"> (Line 382)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-start justify-between gap-2 min-w-0"> (Line 383)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-0"> (Line 382)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 261)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 261)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-3 mt-2"> (Line 423)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 296)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5 rounded-full" (Line 430)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete w-5 h-5 rounded-full bg-white/250 flex items-center justify-center"> (Line 433)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/80 font-medium"> (Line 434)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70"> (Line 439)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70 flex items-center gap-1"> (Line 446)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 415)

src/components/dashboard/GlassActivityFeed.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-center mt-6"> (Line 585)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 111)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 113)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 137)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('p-6', className)}> (Line 261)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="animate-pulse space-y-4"> (Line 262)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-6 bg-white/250 rounded w-48">

(Line 263)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-3"> (Line 264)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-3"> (Line 266)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete w-8 h-8 bg-white/250 rounded-full flex-shrink-0">

(Line 267)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 space-y-2"> (Line 268)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-3/4">

(Line 269)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-3 bg-white/250 rounded w-1/2">

(Line 270)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full"> (Line 281)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('overflow-hidden', className)} {...props}> (Line 282)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="pb-4"> (Line 283)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 284)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white text-xl font-semibold"> (Line 286)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70 mt-1">{subtitle}

(Line 290)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 296)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 text-white/70" /> (Line 297)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="bg-glass-fill ring-1 ring-white/10 rounded px-3 py-1 text-sm text-white focus:outline-none focus:ring-white/30" (Line 301)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="pt-0"> (Line 315)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-col items-center justify-center py-12"> (Line 317)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-12 h-12 text-white/70 mb-4" /> (Line 318)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 text-center">{emptyMessage}

(Line 319)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4"> (Line 322)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2 mb-3"> (Line 327)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-px bg-white/250 flex-1">

(Line 328)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70 font-medium px-2 py-1 bg-white/255 rounded"> (Line 329)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-px bg-white/250 flex-1">

(Line 328)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-3"> (Line 264)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 261)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 369)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4">{activity.icon} (Line 375)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('w-4 h-4', config.color, compact && 'w-3 h-3')} /> (Line 377)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-0"> (Line 382)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-start justify-between gap-2 min-w-0"> (Line 383)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-0"> (Line 382)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 261)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 261)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1"> (Line 403)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-1" (Line 413)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" />} (Line 415)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-3 mt-2"> (Line 423)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 296)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5 rounded-full" (Line 430)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete w-5 h-5 rounded-full bg-white/250 flex items-center justify-center"> (Line 433)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/80 font-medium"> (Line 434)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70"> (Line 439)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70 flex items-center gap-1"> (Line 446)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 415)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="truncate max-w-[100px]" (Line 456)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-1 items-center"> (Line 464)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="truncate max-w-[80px]" (Line 470)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="opacity-60"> (Line 477)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-3"> (Line 264)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 369)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 369)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4">{activity.icon} (Line 375)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('w-4 h-4', config.color, compact && 'w-3 h-3')} /> (Line 377)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-0"> (Line 382)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-start justify-between gap-2 min-w-0"> (Line 383)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-0"> (Line 382)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 261)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 261)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-3 mt-2"> (Line 423)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 296)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5 rounded-full" (Line 430)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete w-5 h-5 rounded-full bg-white/250 flex items-center justify-center"> (Line 433)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/80 font-medium"> (Line 434)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70"> (Line 439)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70 flex items-center gap-1"> (Line 446)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 415)

src/components/dashboard/GlassActivityFeed.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-center mt-6"> (Line 585)

src/components/dashboard/GlassChartWidget.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4"> (Line 54)

src/components/dashboard/GlassChartWidget.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center text-white/80"> (Line 55)

src/components/dashboard/GlassChartWidget.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-12 h-12 mx-auto mb-4" /> (Line 56)

src/components/dashboard/GlassChartWidget.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-col gap-4"> (Line 66)

src/components/dashboard/GlassChartWidget.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2"> (Line 73)

src/components/dashboard/GlassChartWidget.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center text-white/70 text-sm"> (Line 74)

src/components/dashboard/GlassChartWidget.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-8 h-8 mx-auto mb-2" /> (Line 75)

src/components/dashboard/GlassChartWidget.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4"> (Line 54)

src/components/dashboard/GlassChartWidget.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center text-white/80"> (Line 55)

src/components/dashboard/GlassChartWidget.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-12 h-12 mx-auto mb-4" /> (Line 56)

src/components/dashboard/GlassChartWidget.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-col gap-4"> (Line 66)

src/components/dashboard/GlassChartWidget.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2"> (Line 73)

src/components/dashboard/GlassChartWidget.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center text-white/70 text-sm"> (Line 74)

src/components/dashboard/GlassChartWidget.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-8 h-8 mx-auto mb-2" /> (Line 75)

src/components/dashboard/GlassChartWidget.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 347)

src/components/dashboard/GlassChartWidget.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 347)

src/components/dashboard/GlassChartWidget.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 347)

src/components/dashboard/GlassChartWidget.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 337)

src/components/dashboard/GlassChartWidget.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 337)

src/components/dashboard/GlassChartWidget.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 337)

src/components/dashboard/GlassChartWidget.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 337)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 123)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 125)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 156)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5" />; (Line 191)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5" />; (Line 191)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5" />; (Line 191)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5" />; (Line 191)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5" />; (Line 191)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5" />; (Line 191)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full"> (Line 232)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 236)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 123)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="pb-4"> (Line 245)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-start justify-between"> (Line 246)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-0"> (Line 247)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-3 mb-2"> (Line 248)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn(config.titleClass, 'text-white flex items-center gap-2')}> (Line 249)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70"> (Line 251)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70 mb-2">{subtitle}

(Line 267)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70"> (Line 272)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 279)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1"> (Line 283)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 290)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('w-4 h-4', loading && 'animate-spin')} /> (Line 292)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 290)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 303)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 290)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 303)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 303)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative"> (Line 325)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 290)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 303)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute right-0 top-full mt-2 z-10"> (Line 336)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="bg-black/80 backdrop-blur-xl border border-white/300 rounded-lg shadow-xl min-w-48"> (Line 337)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 346)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4">{action.icon}} (Line 353)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="border-t border-white/300"> (Line 359)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full text-left px-4 py-2 text-sm text-white/80 hover:bg-white/255 flex items-center gap-2" (Line 365)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 303)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full text-left px-4 py-2 text-sm text-white/80 hover:bg-white/255 flex items-center gap-2 rounded-b-lg" (Line 375)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 303)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="pt-0"> (Line 392)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('flex flex-col items-center justify-center', config.contentClass)}> (Line 394)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-red-400 mb-2"> (Line 395)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-8 h-8" /> (Line 396)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/80 text-center mb-4">{error}

(Line 398)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('flex flex-col items-center justify-center', config.contentClass)}> (Line 394)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 mb-2"> (Line 405)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-8 h-8" /> (Line 396)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 text-center">{emptyMessage}

(Line 408)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={config.contentClass}> (Line 411)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center h-full"> (Line 413)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="animate-spin rounded-full h-8 w-8 border-2 border-white/300 border-t-white/60">

(Line 414)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-4 pt-4 border-t border-white/300"> (Line 425)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 125)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 123)

src/components/dashboard/GlassChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('grid gap-6', gridCols[columns as keyof typeof gridCols], className)}> (Line 456)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 123)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 125)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 156)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5" />; (Line 191)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5" />; (Line 191)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5" />; (Line 191)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5" />; (Line 191)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5" />; (Line 191)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5" />; (Line 191)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full"> (Line 232)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 236)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 123)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="pb-4"> (Line 245)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-start justify-between"> (Line 246)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-0"> (Line 247)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-3 mb-2"> (Line 248)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn(config.titleClass, 'text-white flex items-center gap-2')}> (Line 249)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70"> (Line 251)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70 mb-2">{subtitle}

(Line 267)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70"> (Line 272)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 279)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1"> (Line 283)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 290)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('w-4 h-4', loading && 'animate-spin')} /> (Line 292)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 290)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 303)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 290)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 303)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 303)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative"> (Line 325)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 290)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 303)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute right-0 top-full mt-2 z-10"> (Line 336)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="bg-black/80 backdrop-blur-xl border border-white/300 rounded-lg shadow-xl min-w-48"> (Line 337)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 346)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4">{action.icon}} (Line 353)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="border-t border-white/300"> (Line 359)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full text-left px-4 py-2 text-sm text-white/80 hover:bg-white/255 flex items-center gap-2" (Line 365)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 303)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full text-left px-4 py-2 text-sm text-white/80 hover:bg-white/255 flex items-center gap-2 rounded-b-lg" (Line 375)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 303)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="pt-0"> (Line 392)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('flex flex-col items-center justify-center', config.contentClass)}> (Line 394)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-red-400 mb-2"> (Line 395)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-8 h-8" /> (Line 396)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/80 text-center mb-4">{error}

(Line 398)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('flex flex-col items-center justify-center', config.contentClass)}> (Line 394)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 mb-2"> (Line 405)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-8 h-8" /> (Line 396)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 text-center">{emptyMessage}

(Line 408)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={config.contentClass}> (Line 411)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center h-full"> (Line 413)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="animate-spin rounded-full h-8 w-8 border-2 border-white/300 border-t-white/60">

(Line 414)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-4 pt-4 border-t border-white/300"> (Line 425)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 125)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 123)

src/components/dashboard/GlassChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('grid gap-6', gridCols[columns as keyof typeof gridCols], className)}> (Line 456)

src/components/dashboard/GlassKPICard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/dashboard/GlassKPICard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 45)

src/components/dashboard/GlassKPICard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 64)

src/components/dashboard/GlassKPICard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/dashboard/GlassKPICard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 45)

src/components/dashboard/GlassKPICard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 64)

src/components/dashboard/GlassKPICard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 233)

src/components/dashboard/GlassKPICard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 233)

src/components/dashboard/GlassKPICard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 233)

src/components/dashboard/GlassKPICard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 233)

src/components/dashboard/GlassKPICard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 233)

src/components/dashboard/GlassKPICard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 233)

src/components/dashboard/GlassKPICard.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 271)

src/components/dashboard/GlassKPICard.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 271)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 75)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 77)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 101)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn(config.trendIconSize, variantConfig.trendUpColor)} />; (Line 203)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn(config.trendIconSize, variantConfig.trendDownColor)} />; (Line 207)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn(config.trendIconSize, variantConfig.trendNeutralColor)} />; (Line 211)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('animate-pulse', config.cardClass, className)}> (Line 230)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4"> (Line 231)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 232)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-24">

(Line 233)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete w-8 h-8 bg-white/250 rounded">

(Line 234)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 236)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-8 bg-white/250 rounded w-32">

(Line 237)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-20">

(Line 238)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full glass-kpi-card"> (Line 246)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 203)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 75)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="pb-2"> (Line 265)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 232)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn(config.titleClass, 'text-white/90 flex items-center gap-2')}> (Line 267)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 269)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 bg-gradient-to-br from-purple-400/20 to-blue-400/20 rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300" /> (Line 278)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn(config.iconSize, 'relative z-10 transition-transform duration-300 group-hover:scale-110')}> (Line 279)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1 trend-indicator"> (Line 287)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete p-1 rounded-md bg-white/255 group-hover:bg-white/250 transition-colors duration-300"> (Line 288)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="transition-all duration-300"> (Line 289)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 203)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70 mt-1">{description}

(Line 307)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="pt-0"> (Line 311)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-baseline gap-2 relative"> (Line 312)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative premium-glow"> (Line 314)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 bg-gradient-to-r from-blue-400/30 via-purple-400/30 to-cyan-400/30 blur-xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 -z-10 scale-150" /> (Line 315)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 203)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 203)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-2"> (Line 341)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70"> (Line 342)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-4"> (Line 349)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 77)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 75)

src/components/dashboard/GlassKPICard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('grid gap-6', gridCols[columns as keyof typeof gridCols], className)}> (Line 387)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 75)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 77)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 101)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn(config.trendIconSize, variantConfig.trendUpColor)} />; (Line 203)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn(config.trendIconSize, variantConfig.trendDownColor)} />; (Line 207)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn(config.trendIconSize, variantConfig.trendNeutralColor)} />; (Line 211)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('animate-pulse', config.cardClass, className)}> (Line 230)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4"> (Line 231)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 232)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-24">

(Line 233)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete w-8 h-8 bg-white/250 rounded">

(Line 234)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 236)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-8 bg-white/250 rounded w-32">

(Line 237)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-20">

(Line 238)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full glass-kpi-card"> (Line 246)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 203)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 75)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="pb-2"> (Line 265)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 232)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn(config.titleClass, 'text-white/90 flex items-center gap-2')}> (Line 267)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 269)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 bg-gradient-to-br from-purple-400/20 to-blue-400/20 rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300" /> (Line 278)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn(config.iconSize, 'relative z-10 transition-transform duration-300 group-hover:scale-110')}> (Line 279)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1 trend-indicator"> (Line 287)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete p-1 rounded-md bg-white/255 group-hover:bg-white/250 transition-colors duration-300"> (Line 288)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="transition-all duration-300"> (Line 289)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 203)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70 mt-1">{description}

(Line 307)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="pt-0"> (Line 311)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-baseline gap-2 relative"> (Line 312)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative premium-glow"> (Line 314)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 bg-gradient-to-r from-blue-400/30 via-purple-400/30 to-cyan-400/30 blur-xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 -z-10 scale-150" /> (Line 315)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 203)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 203)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-2"> (Line 341)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70"> (Line 342)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-4"> (Line 349)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 77)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 75)

src/components/dashboard/GlassKPICard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('grid gap-6', gridCols[columns as keyof typeof gridCols], className)}> (Line 387)

src/components/dashboard/GlassMetricCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/dashboard/GlassMetricCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 44)

src/components/dashboard/GlassMetricCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 66)

src/components/dashboard/GlassMetricCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/dashboard/GlassMetricCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 44)

src/components/dashboard/GlassMetricCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 66)

src/components/dashboard/GlassMetricCard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 169)

src/components/dashboard/GlassMetricCard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 169)

src/components/dashboard/GlassMetricCard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 169)

src/components/dashboard/GlassMetricCard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 169)

src/components/dashboard/GlassMetricCard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 169)

src/components/dashboard/GlassMetricCard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 169)

src/components/dashboard/GlassMetricCard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 169)

src/components/dashboard/GlassMetricCard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 169)

src/components/dashboard/GlassMetricCard.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 275)

src/components/dashboard/GlassMetricCard.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 275)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 86)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 88)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 113)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={sizeConfigs[size].iconSize} />; (Line 151)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={sizeConfigs[size].iconSize} />; (Line 151)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={sizeConfigs[size].iconSize} />; (Line 151)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={sizeConfigs[size].iconSize} />; (Line 151)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={sizeConfigs[size].iconSize} />; (Line 151)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={sizeConfigs[size].iconSize} />; (Line 151)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('animate-pulse', config.cardClass, className)}> (Line 226)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4"> (Line 227)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 228)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-24">

(Line 229)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete w-8 h-8 bg-white/250 rounded">

(Line 230)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 232)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-8 bg-white/250 rounded w-32">

(Line 233)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-20">

(Line 234)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-2 bg-white/255 rounded">

(Line 237)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full glass-metric-card"> (Line 245)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 226)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 86)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="pb-2"> (Line 264)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 226)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1"> (Line 269)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn(config.titleClass, 'text-white/90 flex items-center gap-2')}> (Line 270)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 272)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 bg-gradient-to-br from-blue-400/20 to-purple-400/20 rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300" /> (Line 283)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn(config.iconSize, 'relative z-10 transition-transform duration-300 group-hover:scale-110')}> (Line 284)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70 mt-1">{description}

(Line 292)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1 mt-2"> (Line 298)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('w-4 h-4', variantConfig.trendUpColor)} />} (Line 299)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('w-4 h-4', variantConfig.trendDownColor)} />} (Line 300)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('w-4 h-4', variantConfig.trendNeutralColor)} />} (Line 301)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('text-sm font-medium', (Line 302)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="pt-0"> (Line 314)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 226)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative"> (Line 320)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 bg-gradient-to-r from-blue-400/30 via-purple-400/30 to-cyan-400/30 blur-xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 -z-10 scale-150" /> (Line 322)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 226)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 226)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mb-4"> (Line 348)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', 'w-full rounded-full overflow-hidden', config.progressHeight, variantConfig.progressBg))}> (Line 349)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('h-full', variantConfig.progressFill)} (Line 352)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-between items-center mt-2"> (Line 357)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70">{progressLabel} (Line 358)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70">{Math.round(progress)}% (Line 359)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete mb-4 p-3 bg-white/25 rounded-lg"> (Line 367)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 228)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70">{comparison.label} (Line 369)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium text-white">{comparison.value} (Line 370)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-4"> (Line 376)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 88)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 86)

src/components/dashboard/GlassMetricCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('grid gap-6', gridCols?.[columns as keyof typeof gridCols], className)}> (Line 408)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 86)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 88)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 113)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={sizeConfigs[size].iconSize} />; (Line 151)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={sizeConfigs[size].iconSize} />; (Line 151)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={sizeConfigs[size].iconSize} />; (Line 151)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={sizeConfigs[size].iconSize} />; (Line 151)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={sizeConfigs[size].iconSize} />; (Line 151)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={sizeConfigs[size].iconSize} />; (Line 151)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('animate-pulse', config.cardClass, className)}> (Line 226)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4"> (Line 227)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 228)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-24">

(Line 229)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete w-8 h-8 bg-white/250 rounded">

(Line 230)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 232)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-8 bg-white/250 rounded w-32">

(Line 233)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-20">

(Line 234)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-2 bg-white/255 rounded">

(Line 237)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full glass-metric-card"> (Line 245)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 226)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 86)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="pb-2"> (Line 264)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 226)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1"> (Line 269)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn(config.titleClass, 'text-white/90 flex items-center gap-2')}> (Line 270)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 272)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 bg-gradient-to-br from-blue-400/20 to-purple-400/20 rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300" /> (Line 283)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn(config.iconSize, 'relative z-10 transition-transform duration-300 group-hover:scale-110')}> (Line 284)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70 mt-1">{description}

(Line 292)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1 mt-2"> (Line 298)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('w-4 h-4', variantConfig.trendUpColor)} />} (Line 299)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('w-4 h-4', variantConfig.trendDownColor)} />} (Line 300)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('w-4 h-4', variantConfig.trendNeutralColor)} />} (Line 301)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('text-sm font-medium', (Line 302)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="pt-0"> (Line 314)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 226)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative"> (Line 320)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 bg-gradient-to-r from-blue-400/30 via-purple-400/30 to-cyan-400/30 blur-xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 -z-10 scale-150" /> (Line 322)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 226)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 226)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mb-4"> (Line 348)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', 'w-full rounded-full overflow-hidden', config.progressHeight, variantConfig.progressBg))}> (Line 349)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('h-full', variantConfig.progressFill)} (Line 352)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-between items-center mt-2"> (Line 357)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70">{progressLabel} (Line 358)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70">{Math.round(progress)}% (Line 359)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete mb-4 p-3 bg-white/25 rounded-lg"> (Line 367)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 228)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70">{comparison.label} (Line 369)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium text-white">{comparison.value} (Line 370)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-4"> (Line 376)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 88)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 86)

src/components/dashboard/GlassMetricCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('grid gap-6', gridCols?.[columns as keyof typeof gridCols], className)}> (Line 408)

src/components/dashboard/GlassStatCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 65)

src/components/dashboard/GlassStatCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className', (Line 67)

src/components/dashboard/GlassStatCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> (Line 99)

src/components/dashboard/GlassStatCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-1 md:grid-cols-2 gap-6"> (Line 179)

src/components/dashboard/GlassStatCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 65)

src/components/dashboard/GlassStatCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className', (Line 67)

src/components/dashboard/GlassStatCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> (Line 99)

src/components/dashboard/GlassStatCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-1 md:grid-cols-2 gap-6"> (Line 179)

src/components/dashboard/GlassStatCard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 261)

src/components/dashboard/GlassStatCard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 261)

src/components/dashboard/GlassStatCard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 261)

src/components/dashboard/GlassStatCard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 261)

src/components/dashboard/GlassStatCard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 261)

src/components/dashboard/GlassStatCard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 261)

src/components/dashboard/GlassStatCard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 261)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 98)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 100)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 125)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={sizeConfigs[size].iconSize} />; (Line 163)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={sizeConfigs[size].iconSize} />; (Line 163)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={sizeConfigs[size].iconSize} />; (Line 163)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={sizeConfigs[size].iconSize} />; (Line 163)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={sizeConfigs[size].iconSize} />; (Line 163)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={sizeConfigs[size].iconSize} />; (Line 163)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={sizeConfigs[size].iconSize} />; (Line 163)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={sizeConfigs[size].iconSize} />; (Line 163)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('animate-pulse', config.cardClass, className)}> (Line 258)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4"> (Line 259)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 260)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-24">

(Line 261)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete w-8 h-8 bg-white/250 rounded">

(Line 262)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 264)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-8 bg-white/250 rounded w-32">

(Line 265)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-20">

(Line 266)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', 'bg-white/255 rounded', config.sparklineHeight))}>

(Line 269)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full glass-stat-card"> (Line 277)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 258)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 98)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="pb-2"> (Line 296)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 258)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1"> (Line 301)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn(config.titleClass, 'text-white/90 flex items-center gap-2')}> (Line 302)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn(config.iconSize, variantConfig.iconColor)}> (Line 304)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70 mt-1">{description}

(Line 311)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1 mt-2"> (Line 317)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('w-4 h-4', variantConfig.trendUpColor)} />} (Line 318)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('w-4 h-4', variantConfig.trendDownColor)} />} (Line 319)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('w-4 h-4', variantConfig.trendNeutralColor)} />} (Line 320)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('text-sm font-medium', (Line 321)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="pt-0"> (Line 333)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 258)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn(config.valueClass, variantConfig.valueColor)}> (Line 338)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg text-white/70 font-medium"> (Line 342)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mb-4"> (Line 350)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="overflow-visible" (Line 354)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('opacity-60', variantConfig.sparklineColor)} (Line 361)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mb-4"> (Line 350)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete w-full bg-white/255 rounded-full h-2 overflow-hidden"> (Line 370)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-full bg-gradient-to-r from-primary/60 to-primary rounded-full" (Line 373)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-between items-center mt-1"> (Line 377)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70">Progress (Line 378)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70">{Math.round(progress)}% (Line 379)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete mb-4 p-3 bg-white/25 rounded-lg"> (Line 386)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 260)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70">Previous period (Line 388)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium text-white">{previousValue}{unit} (Line 389)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-3"> (Line 396)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 260)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70">{stat.label} (Line 399)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 400)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium text-white">{stat.value} (Line 401)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 258)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 100)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 98)

src/components/dashboard/GlassStatCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('grid gap-6', gridCols?.[columns as keyof typeof gridCols], className)}> (Line 444)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 98)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 100)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 125)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={sizeConfigs[size].iconSize} />; (Line 163)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={sizeConfigs[size].iconSize} />; (Line 163)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={sizeConfigs[size].iconSize} />; (Line 163)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={sizeConfigs[size].iconSize} />; (Line 163)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={sizeConfigs[size].iconSize} />; (Line 163)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={sizeConfigs[size].iconSize} />; (Line 163)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={sizeConfigs[size].iconSize} />; (Line 163)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={sizeConfigs[size].iconSize} />; (Line 163)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('animate-pulse', config.cardClass, className)}> (Line 258)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4"> (Line 259)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 260)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-24">

(Line 261)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete w-8 h-8 bg-white/250 rounded">

(Line 262)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 264)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-8 bg-white/250 rounded w-32">

(Line 265)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-4 bg-white/250 rounded w-20">

(Line 266)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', 'bg-white/255 rounded', config.sparklineHeight))}>

(Line 269)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full glass-stat-card"> (Line 277)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 258)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 98)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="pb-2"> (Line 296)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 258)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1"> (Line 301)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn(config.titleClass, 'text-white/90 flex items-center gap-2')}> (Line 302)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn(config.iconSize, variantConfig.iconColor)}> (Line 304)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70 mt-1">{description}

(Line 311)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1 mt-2"> (Line 317)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('w-4 h-4', variantConfig.trendUpColor)} />} (Line 318)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('w-4 h-4', variantConfig.trendDownColor)} />} (Line 319)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('w-4 h-4', variantConfig.trendNeutralColor)} />} (Line 320)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('text-sm font-medium', (Line 321)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="pt-0"> (Line 333)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 258)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn(config.valueClass, variantConfig.valueColor)}> (Line 338)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg text-white/70 font-medium"> (Line 342)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mb-4"> (Line 350)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="overflow-visible" (Line 354)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('opacity-60', variantConfig.sparklineColor)} (Line 361)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mb-4"> (Line 350)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete w-full bg-white/255 rounded-full h-2 overflow-hidden"> (Line 370)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-full bg-gradient-to-r from-primary/60 to-primary rounded-full" (Line 373)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-between items-center mt-1"> (Line 377)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70">Progress (Line 378)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70">{Math.round(progress)}% (Line 379)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete mb-4 p-3 bg-white/25 rounded-lg"> (Line 386)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 260)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70">Previous period (Line 388)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium text-white">{previousValue}{unit} (Line 389)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-3"> (Line 396)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 260)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70">{stat.label} (Line 399)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 400)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium text-white">{stat.value} (Line 401)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 258)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 100)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 98)

src/components/dashboard/GlassStatCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('grid gap-6', gridCols?.[columns as keyof typeof gridCols], className)}> (Line 444)

src/components/data-display/GlassAccordion.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/data-display/GlassAccordion.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 40)

src/components/data-display/GlassAccordion.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 77)

src/components/data-display/GlassAccordion.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/data-display/GlassAccordion.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 40)

src/components/data-display/GlassAccordion.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 77)

src/components/data-display/GlassAccordion.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 85)

src/components/data-display/GlassAccordion.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 108)

src/components/data-display/GlassAccordion.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('transition-transform duration-200', sizeClasses[size].icon)} (Line 238)

src/components/data-display/GlassAccordion.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('transition-transform duration-200 rotate-180', sizeClasses[size].icon)} (Line 249)

src/components/data-display/GlassAccordion.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-accordion w-full', className)} (Line 261)

src/components/data-display/GlassAccordion.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 284)

src/components/data-display/GlassAccordion.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 284)

src/components/data-display/GlassAccordion.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-3"> (Line 317)

src/components/data-display/GlassAccordion.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0 text-muted-foreground"> (Line 319)

src/components/data-display/GlassAccordion.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 238)

src/components/data-display/GlassAccordion.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={sizeClasses[size].content} (Line 347)

src/components/data-display/GlassAccordion.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 85)

src/components/data-display/GlassAccordion.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, children, ...props }, ref) => { (Line 376)

src/components/data-display/GlassAccordion.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('transition-opacity duration-200', className, { (Line 429)

src/components/data-display/GlassAccordion.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 85)

src/components/data-display/GlassAccordion.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 108)

src/components/data-display/GlassAccordion.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('transition-transform duration-200', sizeClasses[size].icon)} (Line 238)

src/components/data-display/GlassAccordion.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('transition-transform duration-200 rotate-180', sizeClasses[size].icon)} (Line 249)

src/components/data-display/GlassAccordion.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-accordion w-full', className)} (Line 261)

src/components/data-display/GlassAccordion.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 284)

src/components/data-display/GlassAccordion.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 284)

src/components/data-display/GlassAccordion.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-3"> (Line 317)

src/components/data-display/GlassAccordion.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0 text-muted-foreground"> (Line 319)

src/components/data-display/GlassAccordion.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 238)

src/components/data-display/GlassAccordion.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={sizeClasses[size].content} (Line 347)

src/components/data-display/GlassAccordion.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 85)

src/components/data-display/GlassAccordion.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, children, ...props }, ref) => { (Line 376)

src/components/data-display/GlassAccordion.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('transition-opacity duration-200', className, { (Line 429)

src/components/data-display/GlassAlert.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-col gap-4"> (Line 54)

src/components/data-display/GlassAlert.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-col gap-4"> (Line 54)

src/components/data-display/GlassAlert.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 54)

src/components/data-display/GlassAlert.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-4 w-4" />; (Line 99)

src/components/data-display/GlassAlert.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-4 w-4" />; (Line 99)

src/components/data-display/GlassAlert.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-4 w-4" />; (Line 99)

src/components/data-display/GlassAlert.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-4 w-4" />; (Line 99)

src/components/data-display/GlassAlert.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-4 w-4" />; (Line 99)

src/components/data-display/GlassAlert.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 135)

src/components/data-display/GlassAlert.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 54)

src/components/data-display/GlassAlert.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1"> (Line 153)

src/components/data-display/GlassAlert.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 135)

src/components/data-display/GlassAlert.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-4 w-4" /> (Line 99)

src/components/data-display/GlassAlert.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, size = 'md', ...props }, ref) => { (Line 190)

src/components/data-display/GlassAlert.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 135)

src/components/data-display/GlassAlert.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 54)

src/components/data-display/GlassAlert.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, size = 'sm', ...props }, ref) => { (Line 219)

src/components/data-display/GlassAlert.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 135)

src/components/data-display/GlassAlert.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 54)

src/components/data-display/GlassAlert.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, align = 'right', spacing = 'md', ...props }, ref) => { (Line 250)

src/components/data-display/GlassAlert.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 135)

src/components/data-display/GlassAlert.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 54)

src/components/data-display/GlassAlert.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 54)

src/components/data-display/GlassAlert.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-4 w-4" />; (Line 99)

src/components/data-display/GlassAlert.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-4 w-4" />; (Line 99)

src/components/data-display/GlassAlert.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-4 w-4" />; (Line 99)

src/components/data-display/GlassAlert.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-4 w-4" />; (Line 99)

src/components/data-display/GlassAlert.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-4 w-4" />; (Line 99)

src/components/data-display/GlassAlert.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 135)

src/components/data-display/GlassAlert.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 54)

src/components/data-display/GlassAlert.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1"> (Line 153)

src/components/data-display/GlassAlert.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 135)

src/components/data-display/GlassAlert.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-4 w-4" /> (Line 99)

src/components/data-display/GlassAlert.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, size = 'md', ...props }, ref) => { (Line 190)

src/components/data-display/GlassAlert.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 135)

src/components/data-display/GlassAlert.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 54)

src/components/data-display/GlassAlert.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, size = 'sm', ...props }, ref) => { (Line 219)

src/components/data-display/GlassAlert.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 135)

src/components/data-display/GlassAlert.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 54)

src/components/data-display/GlassAlert.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, align = 'right', spacing = 'md', ...props }, ref) => { (Line 250)

src/components/data-display/GlassAlert.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 135)

src/components/data-display/GlassAlert.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 54)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-4xl"> (Line 78)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6 text-center"> (Line 80)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80 mt-2">Revenue

(Line 82)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6 text-center"> (Line 80)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80 mt-2">Total Views

(Line 89)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6 text-center"> (Line 80)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80 mt-2">Completion Rate

(Line 96)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6 text-center"> (Line 80)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80 mt-2">Current Level

(Line 103)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-1 md:grid-cols-3 gap-6 max-w-6xl"> (Line 113)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6 text-center"> (Line 80)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-4">Count Variant (Line 116)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6 text-center"> (Line 80)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-4">Scale Variant (Line 123)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6 text-center"> (Line 80)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-4">Glow Variant (Line 130)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-col items-center space-y-6"> (Line 141)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 142)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs opacity-80 mt-1">Small

(Line 144)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 142)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs opacity-80 mt-1">Medium

(Line 149)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 142)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs opacity-80 mt-1">Large

(Line 154)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 142)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs opacity-80 mt-1">Extra Large

(Line 159)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-8 text-center space-y-6"> (Line 186)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={isAnimating ? 'animate-pulse' : ''} (Line 191)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80 mt-2">Current Value

(Line 193)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-center space-x-3"> (Line 196)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs opacity-60"> (Line 205)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-4xl"> (Line 78)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6 text-center"> (Line 80)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-4">Simple Counter (Line 220)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs opacity-80 mt-2">Items in cart

(Line 222)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6 text-center"> (Line 80)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-4">Score Counter (Line 228)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs opacity-80 mt-2">Total score

(Line 230)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-1 md:grid-cols-3 gap-6 max-w-6xl"> (Line 113)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6 text-center"> (Line 80)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6 text-center"> (Line 80)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6 text-center"> (Line 80)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-1 md:grid-cols-4 gap-6 max-w-7xl"> (Line 274)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6 text-center"> (Line 80)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-2xl mb-2">📊

(Line 277)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80 mt-2">Total Views

(Line 89)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6 text-center"> (Line 80)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-2xl mb-2">👥

(Line 285)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80 mt-2">Active Users

(Line 287)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6 text-center"> (Line 80)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-2xl mb-2">💰

(Line 293)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80 mt-2">Revenue

(Line 82)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6 text-center"> (Line 80)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-2xl mb-2">⚡

(Line 301)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80 mt-2">Uptime

(Line 303)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-4xl"> (Line 78)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6 text-center"> (Line 80)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80 mt-2">Revenue

(Line 82)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6 text-center"> (Line 80)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80 mt-2">Total Views

(Line 89)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6 text-center"> (Line 80)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80 mt-2">Completion Rate

(Line 96)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6 text-center"> (Line 80)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80 mt-2">Current Level

(Line 103)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-1 md:grid-cols-3 gap-6 max-w-6xl"> (Line 113)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6 text-center"> (Line 80)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-4">Count Variant (Line 116)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6 text-center"> (Line 80)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-4">Scale Variant (Line 123)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6 text-center"> (Line 80)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-4">Glow Variant (Line 130)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-col items-center space-y-6"> (Line 141)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 142)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs opacity-80 mt-1">Small

(Line 144)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 142)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs opacity-80 mt-1">Medium

(Line 149)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 142)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs opacity-80 mt-1">Large

(Line 154)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 142)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs opacity-80 mt-1">Extra Large

(Line 159)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-8 text-center space-y-6"> (Line 186)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={isAnimating ? 'animate-pulse' : ''} (Line 191)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80 mt-2">Current Value

(Line 193)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-center space-x-3"> (Line 196)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs opacity-60"> (Line 205)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-4xl"> (Line 78)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6 text-center"> (Line 80)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-4">Simple Counter (Line 220)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs opacity-80 mt-2">Items in cart

(Line 222)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6 text-center"> (Line 80)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-4">Score Counter (Line 228)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs opacity-80 mt-2">Total score

(Line 230)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-1 md:grid-cols-3 gap-6 max-w-6xl"> (Line 113)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6 text-center"> (Line 80)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6 text-center"> (Line 80)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6 text-center"> (Line 80)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-1 md:grid-cols-4 gap-6 max-w-7xl"> (Line 274)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6 text-center"> (Line 80)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-2xl mb-2">📊

(Line 277)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80 mt-2">Total Views

(Line 89)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6 text-center"> (Line 80)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-2xl mb-2">👥

(Line 285)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80 mt-2">Active Users

(Line 287)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6 text-center"> (Line 80)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-2xl mb-2">💰

(Line 293)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80 mt-2">Revenue

(Line 82)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6 text-center"> (Line 80)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-2xl mb-2">⚡

(Line 301)

src/components/data-display/GlassAnimatedNumber.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80 mt-2">Uptime

(Line 303)

src/components/data-display/GlassAnimatedNumber.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className */ (Line 25)

src/components/data-display/GlassAnimatedNumber.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 26)

src/components/data-display/GlassAnimatedNumber.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className = '', (Line 52)

src/components/data-display/GlassAnimatedNumber.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`inline-flex items-center justify-center font-mono font-bold text-white ${sizeClasses[size]} ${className}`} (Line 164)

src/components/data-display/GlassAnimatedNumber.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="tabular-nums"> (Line 170)

src/components/data-display/GlassAnimatedNumber.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 26)

src/components/data-display/GlassAnimatedNumber.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className = '', (Line 52)

src/components/data-display/GlassAnimatedNumber.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`flex flex-col items-center space-y-2 ${className}`}> (Line 194)

src/components/data-display/GlassAnimatedNumber.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70 font-medium" (Line 205)

src/components/data-display/GlassAnimatedNumber.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 26)

src/components/data-display/GlassAnimatedNumber.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className = '', (Line 52)

src/components/data-display/GlassAnimatedNumber.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`flex flex-col space-y-2 ${className}`}> (Line 235)

src/components/data-display/GlassAnimatedNumber.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-baseline space-x-2"> (Line 236)

src/components/data-display/GlassAnimatedNumber.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/80" (Line 250)

src/components/data-display/GlassAnimatedNumber.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70" (Line 257)

src/components/data-display/GlassAnimatedNumber.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-2 w-full rounded-full overflow-hidden" (Line 268)

src/components/data-display/GlassAnimatedNumber.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-full bg-gradient-to-r from-blue-500 to-purple-500 rounded-full transition-all duration-1000 ease-out" (Line 273)

src/components/data-display/GlassAnimatedNumber.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className */ (Line 25)

src/components/data-display/GlassAnimatedNumber.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 26)

src/components/data-display/GlassAnimatedNumber.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className = '', (Line 52)

src/components/data-display/GlassAnimatedNumber.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`inline-flex items-center justify-center font-mono font-bold text-white ${sizeClasses[size]} ${className}`} (Line 164)

src/components/data-display/GlassAnimatedNumber.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="tabular-nums"> (Line 170)

src/components/data-display/GlassAnimatedNumber.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 26)

src/components/data-display/GlassAnimatedNumber.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className = '', (Line 52)

src/components/data-display/GlassAnimatedNumber.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`flex flex-col items-center space-y-2 ${className}`}> (Line 194)

src/components/data-display/GlassAnimatedNumber.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70 font-medium" (Line 205)

src/components/data-display/GlassAnimatedNumber.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 26)

src/components/data-display/GlassAnimatedNumber.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className = '', (Line 52)

src/components/data-display/GlassAnimatedNumber.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`flex flex-col space-y-2 ${className}`}> (Line 235)

src/components/data-display/GlassAnimatedNumber.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-baseline space-x-2"> (Line 236)

src/components/data-display/GlassAnimatedNumber.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/80" (Line 250)

src/components/data-display/GlassAnimatedNumber.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70" (Line 257)

src/components/data-display/GlassAnimatedNumber.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-2 w-full rounded-full overflow-hidden" (Line 268)

src/components/data-display/GlassAnimatedNumber.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-full bg-gradient-to-r from-blue-500 to-purple-500 rounded-full transition-all duration-1000 ease-out" (Line 273)

src/components/data-display/GlassAvatar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/data-display/GlassAvatar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 45)

src/components/data-display/GlassAvatar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-4"> (Line 62)

src/components/data-display/GlassAvatar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/data-display/GlassAvatar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 45)

src/components/data-display/GlassAvatar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-4"> (Line 62)

src/components/data-display/GlassAvatar.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 143)

src/components/data-display/GlassAvatar.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 143)

src/components/data-display/GlassAvatar.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 165)

src/components/data-display/GlassAvatar.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 165)

src/components/data-display/GlassAvatar.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 165)

src/components/data-display/GlassAvatar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 82)

src/components/data-display/GlassAvatar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium text-white/80"> (Line 139)

src/components/data-display/GlassAvatar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete w-4 h-4 bg-white/250 rounded" /> (Line 143)

src/components/data-display/GlassAvatar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative inline-block"> (Line 148)

src/components/data-display/GlassAvatar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 161)

src/components/data-display/GlassAvatar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 82)

src/components/data-display/GlassAvatar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center w-full h-full"> (Line 170)

src/components/data-display/GlassAvatar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-full object-cover" (Line 180)

src/components/data-display/GlassAvatar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 flex items-center justify-center bg-black/20"> (Line 186)

src/components/data-display/GlassAvatar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 border-2 border-white/300 border-t-white/60 rounded-full animate-spin" /> (Line 187)

src/components/data-display/GlassAvatar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 161)

src/components/data-display/GlassAvatar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('flex items-center', spacingClasses[spacing])}> (Line 228)

src/components/data-display/GlassAvatar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative"> (Line 230)

src/components/data-display/GlassAvatar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative"> (Line 230)

src/components/data-display/GlassAvatar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium text-white/70 text-xs"> (Line 244)

src/components/data-display/GlassAvatar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-full flex items-center justify-center bg-black/10"> (Line 274)

src/components/data-display/GlassAvatar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3 border border-white/300 border-t-white/60 rounded-full animate-spin" /> (Line 275)

src/components/data-display/GlassAvatar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 82)

src/components/data-display/GlassAvatar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium text-white/80"> (Line 139)

src/components/data-display/GlassAvatar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete w-4 h-4 bg-white/250 rounded" /> (Line 143)

src/components/data-display/GlassAvatar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative inline-block"> (Line 148)

src/components/data-display/GlassAvatar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 161)

src/components/data-display/GlassAvatar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 82)

src/components/data-display/GlassAvatar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center w-full h-full"> (Line 170)

src/components/data-display/GlassAvatar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-full object-cover" (Line 180)

src/components/data-display/GlassAvatar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 flex items-center justify-center bg-black/20"> (Line 186)

src/components/data-display/GlassAvatar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 border-2 border-white/300 border-t-white/60 rounded-full animate-spin" /> (Line 187)

src/components/data-display/GlassAvatar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 161)

src/components/data-display/GlassAvatar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('flex items-center', spacingClasses[spacing])}> (Line 228)

src/components/data-display/GlassAvatar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative"> (Line 230)

src/components/data-display/GlassAvatar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative"> (Line 230)

src/components/data-display/GlassAvatar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium text-white/70 text-xs"> (Line 244)

src/components/data-display/GlassAvatar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-full flex items-center justify-center bg-black/10"> (Line 274)

src/components/data-display/GlassAvatar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3 border border-white/300 border-t-white/60 rounded-full animate-spin" /> (Line 275)

src/components/data-display/GlassBadge.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/data-display/GlassBadge.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 36)

src/components/data-display/GlassBadge.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4 items-center"> (Line 52)

src/components/data-display/GlassBadge.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/data-display/GlassBadge.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 36)

src/components/data-display/GlassBadge.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4 items-center"> (Line 52)

src/components/data-display/GlassBadge.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 101)

src/components/data-display/GlassBadge.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 101)

src/components/data-display/GlassBadge.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 101)

src/components/data-display/GlassBadge.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 101)

src/components/data-display/GlassBadge.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 101)

src/components/data-display/GlassBadge.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 101)

src/components/data-display/GlassBadge.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 108)

src/components/data-display/GlassBadge.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 81)

src/components/data-display/GlassBadge.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 148)

src/components/data-display/GlassBadge.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 81)

src/components/data-display/GlassBadge.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 148)

src/components/data-display/GlassBadge.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 81)

src/components/data-display/GlassBadge.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('flex-shrink-0', iconSize[size])}> (Line 188)

src/components/data-display/GlassBadge.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="whitespace-nowrap"> (Line 194)

src/components/data-display/GlassBadge.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('flex-shrink-0', iconSize[size])}> (Line 188)

src/components/data-display/GlassBadge.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 148)

src/components/data-display/GlassBadge.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-2.5 h-2.5" (Line 218)

src/components/data-display/GlassBadge.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 356)

src/components/data-display/GlassBadge.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 81)

src/components/data-display/GlassBadge.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 148)

src/components/data-display/GlassBadge.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 81)

src/components/data-display/GlassBadge.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 81)

src/components/data-display/GlassBadge.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 148)

src/components/data-display/GlassBadge.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 81)

src/components/data-display/GlassBadge.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 148)

src/components/data-display/GlassBadge.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 81)

src/components/data-display/GlassBadge.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('flex-shrink-0', iconSize[size])}> (Line 188)

src/components/data-display/GlassBadge.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="whitespace-nowrap"> (Line 194)

src/components/data-display/GlassBadge.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('flex-shrink-0', iconSize[size])}> (Line 188)

src/components/data-display/GlassBadge.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 148)

src/components/data-display/GlassBadge.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-2.5 h-2.5" (Line 218)

src/components/data-display/GlassBadge.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 356)

src/components/data-display/GlassBadge.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 81)

src/components/data-display/GlassBadge.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 148)

src/components/data-display/GlassBadge.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 81)

src/components/data-display/GlassBadgeLine.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/data-display/GlassBadgeLine.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 26)

src/components/data-display/GlassBadgeLine.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 45)

src/components/data-display/GlassBadgeLine.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/data-display/GlassBadgeLine.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 26)

src/components/data-display/GlassBadgeLine.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 45)

src/components/data-display/GlassBadgeLine.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 22)

src/components/data-display/GlassBadgeLine.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 22)

src/components/data-display/GlassBadgeLine.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 8)

src/components/data-display/GlassBadgeLine.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className }: GlassBadgeLineProps) { (Line 11)

src/components/data-display/GlassBadgeLine.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('flex flex-wrap gap-1', className)}> (Line 13)

src/components/data-display/GlassBadgeLine.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 17)

src/components/data-display/GlassBadgeLine.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 8)

src/components/data-display/GlassBadgeLine.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className }: GlassBadgeLineProps) { (Line 11)

src/components/data-display/GlassBadgeLine.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('flex flex-wrap gap-1', className)}> (Line 13)

src/components/data-display/GlassBadgeLine.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 17)

src/components/data-display/GlassDataGrid.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/data-display/GlassDataGrid.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 34)

src/components/data-display/GlassDataGrid.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 60)

src/components/data-display/GlassDataGrid.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/data-display/GlassDataGrid.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 34)

src/components/data-display/GlassDataGrid.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 60)

src/components/data-display/GlassDataGrid.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 131)

src/components/data-display/GlassDataGrid.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 214)

src/components/data-display/GlassDataGrid.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className and ref */ > (Line 224)

src/components/data-display/GlassDataGrid.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 131)

src/components/data-display/GlassDataGrid.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 214)

src/components/data-display/GlassDataGrid.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className and ref */ > (Line 224)

src/components/data-display/GlassDataGridPro.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 51)

src/components/data-display/GlassDataGridPro.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 51)

src/components/data-display/GlassDataTable.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/data-display/GlassDataTable.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 48)

src/components/data-display/GlassDataTable.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 78)

src/components/data-display/GlassDataTable.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/data-display/GlassDataTable.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 48)

src/components/data-display/GlassDataTable.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 78)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 122)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 122)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('w-full', className)}> (Line 309)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between gap-4 mb-4"> (Line 312)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-4"> (Line 313)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 320)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-64" (Line 325)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 331)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 348)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="overflow-x-auto"> (Line 353)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full"> (Line 354)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 348)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('w-12', cellPaddingClasses[size])}> (Line 364)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="rounded border-border focus:ring-primary" (Line 368)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 348)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 331)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-col"> (Line 397)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 309)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 309)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('text-center', cellPaddingClasses[size])} (Line 437)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center gap-2 py-8"> (Line 439)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 border-2 border-primary border-t-transparent rounded-full animate-spin" /> (Line 440)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-muted-foreground">Loading... (Line 441)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('text-center text-muted-foreground py-8', cellPaddingClasses[size])} (Line 449)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-col items-center gap-2"> (Line 452)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium">{emptyState.message || emptyMessage}

(Line 454)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-muted-foreground">{emptyState.description}

(Line 456)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 348)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cellPaddingClasses[size]}> (Line 485)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="rounded border-border focus:ring-primary" (Line 368)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 348)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between px-4 py-3 border-t border-border/10 bg-muted/5"> (Line 534)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 331)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-muted-foreground"> (Line 456)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-4"> (Line 313)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 331)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-muted-foreground">Rows per page: (Line 545)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1"> (Line 560)

src/components/data-display/GlassDataTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-1 text-sm"> (Line 578)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 122)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 122)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('w-full', className)}> (Line 309)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between gap-4 mb-4"> (Line 312)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-4"> (Line 313)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 320)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-64" (Line 325)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 331)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 348)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="overflow-x-auto"> (Line 353)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full"> (Line 354)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 348)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('w-12', cellPaddingClasses[size])}> (Line 364)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="rounded border-border focus:ring-primary" (Line 368)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 348)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 331)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-col"> (Line 397)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 309)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 309)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('text-center', cellPaddingClasses[size])} (Line 437)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center gap-2 py-8"> (Line 439)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 border-2 border-primary border-t-transparent rounded-full animate-spin" /> (Line 440)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-muted-foreground">Loading... (Line 441)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('text-center text-muted-foreground py-8', cellPaddingClasses[size])} (Line 449)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-col items-center gap-2"> (Line 452)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium">{emptyState.message || emptyMessage}

(Line 454)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-muted-foreground">{emptyState.description}

(Line 456)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 348)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cellPaddingClasses[size]}> (Line 485)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="rounded border-border focus:ring-primary" (Line 368)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 348)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between px-4 py-3 border-t border-border/10 bg-muted/5"> (Line 534)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 331)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-muted-foreground"> (Line 456)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-4"> (Line 313)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 331)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-muted-foreground">Rows per page: (Line 545)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1"> (Line 560)

src/components/data-display/GlassDataTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-1 text-sm"> (Line 578)

src/components/data-display/GlassDiffViewer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/data-display/GlassDiffViewer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 34)

src/components/data-display/GlassDiffViewer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 60)

src/components/data-display/GlassDiffViewer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/data-display/GlassDiffViewer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 34)

src/components/data-display/GlassDiffViewer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 60)

src/components/data-display/GlassDiffViewer.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 19)

src/components/data-display/GlassDiffViewer.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 19)

src/components/data-display/GlassDiffViewer.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 19)

src/components/data-display/GlassDiffViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 11)

src/components/data-display/GlassDiffViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className }: GlassDiffViewerProps) { (Line 14)

src/components/data-display/GlassDiffViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('w-full', className)}> (Line 16)

src/components/data-display/GlassDiffViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-2 gap-3"> (Line 18)

src/components/data-display/GlassDiffViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="rounded-lg p-3 border border-white/305 overflow-auto"> (Line 19)

src/components/data-display/GlassDiffViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/80 whitespace-pre-wrap break-all">{left} (Line 20)

src/components/data-display/GlassDiffViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="rounded-lg p-3 border border-white/305 overflow-auto"> (Line 19)

src/components/data-display/GlassDiffViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/80 whitespace-pre-wrap break-all">{right} (Line 23)

src/components/data-display/GlassDiffViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="rounded-lg p-3 border border-white/305 overflow-auto"> (Line 19)

src/components/data-display/GlassDiffViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/80 whitespace-pre-wrap break-all">{right} (Line 23)

src/components/data-display/GlassDiffViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 11)

src/components/data-display/GlassDiffViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className }: GlassDiffViewerProps) { (Line 14)

src/components/data-display/GlassDiffViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('w-full', className)}> (Line 16)

src/components/data-display/GlassDiffViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-2 gap-3"> (Line 18)

src/components/data-display/GlassDiffViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="rounded-lg p-3 border border-white/305 overflow-auto"> (Line 19)

src/components/data-display/GlassDiffViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/80 whitespace-pre-wrap break-all">{left} (Line 20)

src/components/data-display/GlassDiffViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="rounded-lg p-3 border border-white/305 overflow-auto"> (Line 19)

src/components/data-display/GlassDiffViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/80 whitespace-pre-wrap break-all">{right} (Line 23)

src/components/data-display/GlassDiffViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="rounded-lg p-3 border border-white/305 overflow-auto"> (Line 19)

src/components/data-display/GlassDiffViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/80 whitespace-pre-wrap break-all">{right} (Line 23)

src/components/data-display/GlassHeatmap.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/data-display/GlassHeatmap.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/data-display/GlassHeatmap.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 22)

src/components/data-display/GlassHeatmap.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 41)

src/components/data-display/GlassHeatmap.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/data-display/GlassHeatmap.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/data-display/GlassHeatmap.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 22)

src/components/data-display/GlassHeatmap.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 41)

src/components/data-display/GlassHeatmap.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 15)

src/components/data-display/GlassHeatmap.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 15)

src/components/data-display/GlassHeatmap.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 9)

src/components/data-display/GlassHeatmap.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className }: GlassHeatmapProps) { (Line 12)

src/components/data-display/GlassHeatmap.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', 'inline-block rounded-xl p-2 bg-white/25 border border-white/300', className))}> (Line 15)

src/components/data-display/GlassHeatmap.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid" style={{ gridTemplateColumns: `repeat(${data[0]?.length || 0}, 1fr)` }}> (Line 16)

src/components/data-display/GlassHeatmap.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5 m-[2px] rounded-sm" title={c.label} (Line 18)

src/components/data-display/GlassHeatmap.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 9)

src/components/data-display/GlassHeatmap.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className }: GlassHeatmapProps) { (Line 12)

src/components/data-display/GlassHeatmap.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', 'inline-block rounded-xl p-2 bg-white/25 border border-white/300', className))}> (Line 15)

src/components/data-display/GlassHeatmap.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid" style={{ gridTemplateColumns: `repeat(${data[0]?.length || 0}, 1fr)` }}> (Line 16)

src/components/data-display/GlassHeatmap.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5 m-[2px] rounded-sm" title={c.label} (Line 18)

src/components/data-display/GlassJSONViewer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/data-display/GlassJSONViewer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/data-display/GlassJSONViewer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 22)

src/components/data-display/GlassJSONViewer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: 'optional CSS class' (Line 36)

src/components/data-display/GlassJSONViewer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 44)

src/components/data-display/GlassJSONViewer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/data-display/GlassJSONViewer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/data-display/GlassJSONViewer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 22)

src/components/data-display/GlassJSONViewer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: 'optional CSS class' (Line 36)

src/components/data-display/GlassJSONViewer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 44)

src/components/data-display/GlassJSONViewer.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 11)

src/components/data-display/GlassJSONViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string } (Line 7)

src/components/data-display/GlassJSONViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className }: GlassJSONViewerProps) { (Line 9)

src/components/data-display/GlassJSONViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', 'rounded-lg p-3 overflow-auto border border-white/305', className))}> (Line 11)

src/components/data-display/GlassJSONViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/80 whitespace-pre-wrap break-all"> (Line 12)

src/components/data-display/GlassJSONViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string } (Line 7)

src/components/data-display/GlassJSONViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className }: GlassJSONViewerProps) { (Line 9)

src/components/data-display/GlassJSONViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', 'rounded-lg p-3 overflow-auto border border-white/305', className))}> (Line 11)

src/components/data-display/GlassJSONViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/80 whitespace-pre-wrap break-all"> (Line 12)

src/components/data-display/GlassLoadingSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/data-display/GlassLoadingSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 51)

src/components/data-display/GlassLoadingSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-col gap-8"> (Line 71)

src/components/data-display/GlassLoadingSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">Default (Line 73)

src/components/data-display/GlassLoadingSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">With Avatar (Line 77)

src/components/data-display/GlassLoadingSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">Card Layout (Line 81)

src/components/data-display/GlassLoadingSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/data-display/GlassLoadingSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 51)

src/components/data-display/GlassLoadingSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-col gap-8"> (Line 71)

src/components/data-display/GlassLoadingSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">Default (Line 73)

src/components/data-display/GlassLoadingSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">With Avatar (Line 77)

src/components/data-display/GlassLoadingSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">Card Layout (Line 81)

src/components/data-display/GlassLoadingSkeleton.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 157)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 38)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-3"> (Line 69)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', 'rounded-full', baseClasses, avatarSizes[avatarSize]))} (Line 72)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={baseClasses} (Line 84)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6"> (Line 106)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4"> (Line 107)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center space-x-4"> (Line 109)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', 'rounded-full', baseClasses, avatarSizes[avatarSize]))} style={getSkeletonStyle()} /> (Line 111)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2 flex-1"> (Line 113)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn(baseClasses, 'h-5 w-3/4')} style={getSkeletonStyle()} /> (Line 114)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn(baseClasses, 'h-4 w-1/2')} style={getSkeletonStyle()} /> (Line 115)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 120)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn(baseClasses, 'h-4')} (Line 124)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex space-x-3 pt-2"> (Line 131)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', baseClasses, 'h-9 w-20 rounded-lg'))} style={getSkeletonStyle()} /> (Line 132)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', baseClasses, 'h-9 w-16 rounded-lg'))} style={getSkeletonStyle()} /> (Line 133)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-3"> (Line 69)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center space-x-4 p-3"> (Line 142)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', 'rounded-full', baseClasses, 'w-10 h-10'))} style={getSkeletonStyle()} /> (Line 143)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2 flex-1"> (Line 113)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn(baseClasses, 'h-4 w-3/4')} style={getSkeletonStyle()} /> (Line 145)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn(baseClasses, 'h-3 w-1/2')} style={getSkeletonStyle()} /> (Line 146)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', baseClasses, 'h-6 w-16 rounded'))} style={getSkeletonStyle()} /> (Line 148)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 120)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-4 gap-4 p-4 border-b border-white/300"> (Line 157)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn(baseClasses, 'h-4 w-16')} style={getSkeletonStyle()} /> (Line 159)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-4 gap-4 p-4"> (Line 165)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn(baseClasses, 'h-4')} style={getSkeletonStyle()} /> (Line 167)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-6"> (Line 175)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 120)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn(baseClasses, 'h-4 w-24')} style={getSkeletonStyle()} /> (Line 178)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', baseClasses, 'h-10 w-full rounded-lg'))} style={getSkeletonStyle()} /> (Line 179)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex space-x-3 pt-4"> (Line 183)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', baseClasses, 'h-10 w-24 rounded-lg'))} style={getSkeletonStyle()} /> (Line 184)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', baseClasses, 'h-10 w-20 rounded-lg'))} style={getSkeletonStyle()} /> (Line 185)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> (Line 191)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6"> (Line 106)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4"> (Line 107)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 204)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn(baseClasses, 'h-5 w-24')} style={getSkeletonStyle()} /> (Line 205)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', baseClasses, 'h-6 w-6 rounded'))} style={getSkeletonStyle()} /> (Line 206)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn(baseClasses, 'h-8 w-16')} style={getSkeletonStyle()} /> (Line 209)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 120)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn(baseClasses, 'h-3 w-full')} style={getSkeletonStyle()} /> (Line 212)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn(baseClasses, 'h-3 w-3/4')} style={getSkeletonStyle()} /> (Line 213)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-loading-skeleton', className)} (Line 245)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative" (Line 251)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 -skew-x-12 bg-gradient-to-r from-transparent via-blue-300/10 to-transparent animate-shimmer" /> (Line 258)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 38)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-3"> (Line 69)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', 'rounded-full', baseClasses, avatarSizes[avatarSize]))} (Line 72)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={baseClasses} (Line 84)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6"> (Line 106)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4"> (Line 107)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center space-x-4"> (Line 109)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', 'rounded-full', baseClasses, avatarSizes[avatarSize]))} style={getSkeletonStyle()} /> (Line 111)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2 flex-1"> (Line 113)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn(baseClasses, 'h-5 w-3/4')} style={getSkeletonStyle()} /> (Line 114)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn(baseClasses, 'h-4 w-1/2')} style={getSkeletonStyle()} /> (Line 115)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 120)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn(baseClasses, 'h-4')} (Line 124)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex space-x-3 pt-2"> (Line 131)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', baseClasses, 'h-9 w-20 rounded-lg'))} style={getSkeletonStyle()} /> (Line 132)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', baseClasses, 'h-9 w-16 rounded-lg'))} style={getSkeletonStyle()} /> (Line 133)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-3"> (Line 69)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center space-x-4 p-3"> (Line 142)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', 'rounded-full', baseClasses, 'w-10 h-10'))} style={getSkeletonStyle()} /> (Line 143)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2 flex-1"> (Line 113)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn(baseClasses, 'h-4 w-3/4')} style={getSkeletonStyle()} /> (Line 145)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn(baseClasses, 'h-3 w-1/2')} style={getSkeletonStyle()} /> (Line 146)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', baseClasses, 'h-6 w-16 rounded'))} style={getSkeletonStyle()} /> (Line 148)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 120)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-4 gap-4 p-4 border-b border-white/300"> (Line 157)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn(baseClasses, 'h-4 w-16')} style={getSkeletonStyle()} /> (Line 159)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-4 gap-4 p-4"> (Line 165)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn(baseClasses, 'h-4')} style={getSkeletonStyle()} /> (Line 167)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-6"> (Line 175)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 120)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn(baseClasses, 'h-4 w-24')} style={getSkeletonStyle()} /> (Line 178)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', baseClasses, 'h-10 w-full rounded-lg'))} style={getSkeletonStyle()} /> (Line 179)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex space-x-3 pt-4"> (Line 183)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', baseClasses, 'h-10 w-24 rounded-lg'))} style={getSkeletonStyle()} /> (Line 184)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', baseClasses, 'h-10 w-20 rounded-lg'))} style={getSkeletonStyle()} /> (Line 185)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> (Line 191)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6"> (Line 106)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4"> (Line 107)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 204)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn(baseClasses, 'h-5 w-24')} style={getSkeletonStyle()} /> (Line 205)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', baseClasses, 'h-6 w-6 rounded'))} style={getSkeletonStyle()} /> (Line 206)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn(baseClasses, 'h-8 w-16')} style={getSkeletonStyle()} /> (Line 209)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 120)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn(baseClasses, 'h-3 w-full')} style={getSkeletonStyle()} /> (Line 212)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn(baseClasses, 'h-3 w-3/4')} style={getSkeletonStyle()} /> (Line 213)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-loading-skeleton', className)} (Line 245)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative" (Line 251)

src/components/data-display/GlassLoadingSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 -skew-x-12 bg-gradient-to-r from-transparent via-blue-300/10 to-transparent animate-shimmer" /> (Line 258)

src/components/data-display/GlassLoadingSkeleton.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255,255,255,0.04) (Line 64)

src/components/data-display/GlassLoadingSkeleton.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255,255,255,0.03) (Line 65)

src/components/data-display/GlassMetricChip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/data-display/GlassMetricChip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/data-display/GlassMetricChip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 22)

src/components/data-display/GlassMetricChip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 40)

src/components/data-display/GlassMetricChip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/data-display/GlassMetricChip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/data-display/GlassMetricChip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 22)

src/components/data-display/GlassMetricChip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 40)

src/components/data-display/GlassMetricChip.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 19)

src/components/data-display/GlassMetricChip.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 13)

src/components/data-display/GlassMetricChip.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className }: GlassMetricChipProps) { (Line 16)

src/components/data-display/GlassMetricChip.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', 'inline-flex items-center gap-2 px-3 py-1.5 rounded-xl border border-white/305', className))}> (Line 19)

src/components/data-display/GlassMetricChip.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="opacity-80">{icon}} (Line 20)

src/components/data-display/GlassMetricChip.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70">{label} (Line 21)

src/components/data-display/GlassMetricChip.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('font-semibold', intentColor)}>{value} (Line 22)

src/components/data-display/GlassMetricChip.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70">{delta}} (Line 23)

src/components/data-display/GlassMetricChip.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 13)

src/components/data-display/GlassMetricChip.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className }: GlassMetricChipProps) { (Line 16)

src/components/data-display/GlassMetricChip.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', 'inline-flex items-center gap-2 px-3 py-1.5 rounded-xl border border-white/305', className))}> (Line 19)

src/components/data-display/GlassMetricChip.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="opacity-80">{icon}} (Line 20)

src/components/data-display/GlassMetricChip.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70">{label} (Line 21)

src/components/data-display/GlassMetricChip.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('font-semibold', intentColor)}>{value} (Line 22)

src/components/data-display/GlassMetricChip.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70">{delta}} (Line 23)

src/components/data-display/GlassNotificationCenter.stories.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 152)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4"> (Line 102)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center mb-6"> (Line 103)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">Notification Center Demo (Line 104)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">Click the buttons below to trigger different types of notifications.

(Line 105)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-2 md:grid-cols-3 gap-3 max-w-md mx-auto"> (Line 108)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-8"> (Line 144)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 145)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">Notification Positions (Line 146)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">Try different positions for the notification center.

(Line 147)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> (Line 150)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="border border-white/300 rounded-lg p-4"> (Line 152)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-3 capitalize text-center">{position.replace('-', ' ')} (Line 153)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center space-y-4"> (Line 206)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold">Notification Types (Line 207)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">All notification types are displayed above.

(Line 208)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center space-y-4"> (Line 206)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">Notifications with Actions (Line 235)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80 mb-4">Click the button to see a notification with an action button.

(Line 236)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center space-y-4"> (Line 206)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">Bulk Notifications (Line 274)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80 mb-4">Test how the system handles multiple notifications.

(Line 275)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center space-y-4"> (Line 206)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">Custom Styled Notifications (Line 288)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80 mb-4">Notifications with custom glass morphism styling.

(Line 289)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="custom-notification-center" (Line 292)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4"> (Line 102)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center mb-6"> (Line 103)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">Notification Center Demo (Line 104)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">Click the buttons below to trigger different types of notifications.

(Line 105)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-2 md:grid-cols-3 gap-3 max-w-md mx-auto"> (Line 108)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-8"> (Line 144)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 145)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">Notification Positions (Line 146)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">Try different positions for the notification center.

(Line 147)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> (Line 150)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="border border-white/300 rounded-lg p-4"> (Line 152)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-3 capitalize text-center">{position.replace('-', ' ')} (Line 153)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center space-y-4"> (Line 206)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold">Notification Types (Line 207)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">All notification types are displayed above.

(Line 208)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center space-y-4"> (Line 206)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">Notifications with Actions (Line 235)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80 mb-4">Click the button to see a notification with an action button.

(Line 236)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center space-y-4"> (Line 206)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">Bulk Notifications (Line 274)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80 mb-4">Test how the system handles multiple notifications.

(Line 275)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center space-y-4"> (Line 206)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">Custom Styled Notifications (Line 288)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80 mb-4">Notifications with custom glass morphism styling.

(Line 289)

src/components/data-display/GlassNotificationCenter.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="custom-notification-center" (Line 292)

src/components/data-display/GlassNotificationCenter.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 146)

src/components/data-display/GlassNotificationCenter.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 146)

src/components/data-display/GlassNotificationCenter.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 146)

src/components/data-display/GlassNotificationCenter.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 146)

src/components/data-display/GlassNotificationCenter.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className */ (Line 24)

src/components/data-display/GlassNotificationCenter.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 25)

src/components/data-display/GlassNotificationCenter.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className = '', (Line 91)

src/components/data-display/GlassNotificationCenter.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`fixed z-50 space-y-2 ${positionClasses[position]} ${className}`}> (Line 142)

src/components/data-display/GlassNotificationCenter.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-1 rounded-full text-xs cursor-pointer hover:bg-white/255 transition-colors" (Line 146)

src/components/data-display/GlassNotificationCenter.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`min-w-80 max-w-sm p-4 rounded-lg border backdrop-blur-md ${typeStyles.bgClass} (Line 162)

src/components/data-display/GlassNotificationCenter.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-start space-x-3"> (Line 170)

src/components/data-display/GlassNotificationCenter.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`flex-shrink-0 w-6 h-6 rounded-full flex items-center justify-center text-sm font-bold ${typeStyles.iconClass}`}> (Line 172)

src/components/data-display/GlassNotificationCenter.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-0"> (Line 177)

src/components/data-display/GlassNotificationCenter.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-semibold text-white"> (Line 178)

src/components/data-display/GlassNotificationCenter.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-1 text-sm text-white/80"> (Line 182)

src/components/data-display/GlassNotificationCenter.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-2 text-sm font-medium text-blue-400 hover:text-blue-300 transition-colors" (Line 191)

src/components/data-display/GlassNotificationCenter.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0 w-5 h-5 rounded-full flex items-center justify-center text-white/70 hover:text-white/90 hover:bg-white/255 transition-colors" (Line 201)

src/components/data-display/GlassNotificationCenter.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete mt-3 h-1 bg-white/250 rounded-full overflow-hidden"> (Line 209)

src/components/data-display/GlassNotificationCenter.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-full bg-white/250 rounded-full transition-all duration-100 ease-linear" (Line 211)

src/components/data-display/GlassNotificationCenter.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`p-4 rounded-lg border ${typeStyles.bgClass}`} (Line 234)

src/components/data-display/GlassNotificationCenter.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-start space-x-3"> (Line 170)

src/components/data-display/GlassNotificationCenter.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`w-6 h-6 rounded-full flex items-center justify-center text-sm ${typeStyles.iconClass}`}> (Line 239)

src/components/data-display/GlassNotificationCenter.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1"> (Line 242)

src/components/data-display/GlassNotificationCenter.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-semibold">{notification.title} (Line 243)

src/components/data-display/GlassNotificationCenter.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">{notification.message}

} (Line 244)

src/components/data-display/GlassNotificationCenter.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 hover:text-white">✕ (Line 246)

src/components/data-display/GlassNotificationCenter.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className */ (Line 24)

src/components/data-display/GlassNotificationCenter.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 25)

src/components/data-display/GlassNotificationCenter.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className = '', (Line 91)

src/components/data-display/GlassNotificationCenter.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`fixed z-50 space-y-2 ${positionClasses[position]} ${className}`}> (Line 142)

src/components/data-display/GlassNotificationCenter.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-1 rounded-full text-xs cursor-pointer hover:bg-white/255 transition-colors" (Line 146)

src/components/data-display/GlassNotificationCenter.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`min-w-80 max-w-sm p-4 rounded-lg border backdrop-blur-md ${typeStyles.bgClass} (Line 162)

src/components/data-display/GlassNotificationCenter.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-start space-x-3"> (Line 170)

src/components/data-display/GlassNotificationCenter.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`flex-shrink-0 w-6 h-6 rounded-full flex items-center justify-center text-sm font-bold ${typeStyles.iconClass}`}> (Line 172)

src/components/data-display/GlassNotificationCenter.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-0"> (Line 177)

src/components/data-display/GlassNotificationCenter.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-semibold text-white"> (Line 178)

src/components/data-display/GlassNotificationCenter.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-1 text-sm text-white/80"> (Line 182)

src/components/data-display/GlassNotificationCenter.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-2 text-sm font-medium text-blue-400 hover:text-blue-300 transition-colors" (Line 191)

src/components/data-display/GlassNotificationCenter.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0 w-5 h-5 rounded-full flex items-center justify-center text-white/70 hover:text-white/90 hover:bg-white/255 transition-colors" (Line 201)

src/components/data-display/GlassNotificationCenter.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete mt-3 h-1 bg-white/250 rounded-full overflow-hidden"> (Line 209)

src/components/data-display/GlassNotificationCenter.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-full bg-white/250 rounded-full transition-all duration-100 ease-linear" (Line 211)

src/components/data-display/GlassNotificationCenter.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`p-4 rounded-lg border ${typeStyles.bgClass}`} (Line 234)

src/components/data-display/GlassNotificationCenter.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-start space-x-3"> (Line 170)

src/components/data-display/GlassNotificationCenter.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`w-6 h-6 rounded-full flex items-center justify-center text-sm ${typeStyles.iconClass}`}> (Line 239)

src/components/data-display/GlassNotificationCenter.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1"> (Line 242)

src/components/data-display/GlassNotificationCenter.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-semibold">{notification.title} (Line 243)

src/components/data-display/GlassNotificationCenter.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">{notification.message}

} (Line 244)

src/components/data-display/GlassNotificationCenter.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 hover:text-white">✕ (Line 246)

src/components/data-display/GlassProgress.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/data-display/GlassProgress.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 40)

src/components/data-display/GlassProgress.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-col gap-8"> (Line 57)

src/components/data-display/GlassProgress.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">Primary (65%) (Line 59)

src/components/data-display/GlassProgress.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">Success (80%) (Line 63)

src/components/data-display/GlassProgress.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">Warning (45%) (Line 67)

src/components/data-display/GlassProgress.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">Error (25%) (Line 71)

src/components/data-display/GlassProgress.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/data-display/GlassProgress.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 40)

src/components/data-display/GlassProgress.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-col gap-8"> (Line 57)

src/components/data-display/GlassProgress.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">Primary (65%) (Line 59)

src/components/data-display/GlassProgress.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">Success (80%) (Line 63)

src/components/data-display/GlassProgress.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">Warning (45%) (Line 67)

src/components/data-display/GlassProgress.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">Error (25%) (Line 71)

src/components/data-display/GlassProgress.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 83)

src/components/data-display/GlassProgress.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('w-full', className)} (Line 168)

src/components/data-display/GlassProgress.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-between items-center mb-2"> (Line 173)

src/components/data-display/GlassProgress.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium text-white/90"> (Line 174)

src/components/data-display/GlassProgress.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/75"> (Line 178)

src/components/data-display/GlassProgress.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={trackClasses} (Line 196)

src/components/data-display/GlassProgress.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={fillClasses} (Line 205)

src/components/data-display/GlassProgress.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="pointer-events-none absolute inset-0 glass-sheen" /> (Line 212)

src/components/data-display/GlassProgress.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center h-full px-2"> (Line 215)

src/components/data-display/GlassProgress.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs font-medium text-white mix-blend-difference"> (Line 216)

src/components/data-display/GlassProgress.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 bg-stripes opacity-20" /> (Line 224)

src/components/data-display/GlassProgress.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-between items-center mt-2"> (Line 231)

src/components/data-display/GlassProgress.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium text-white/90"> (Line 174)

src/components/data-display/GlassProgress.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/75"> (Line 178)

src/components/data-display/GlassProgress.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 83)

src/components/data-display/GlassProgress.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 168)

src/components/data-display/GlassProgress.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 83)

src/components/data-display/GlassProgress.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="transform -rotate-90" (Line 345)

src/components/data-display/GlassProgress.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-muted/20" (Line 357)

src/components/data-display/GlassProgress.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 168)

src/components/data-display/GlassProgress.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="stroke-white/10" (Line 392)

src/components/data-display/GlassProgress.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 flex items-center justify-center"> (Line 398)

src/components/data-display/GlassProgress.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium text-white/90"> (Line 174)

src/components/data-display/GlassProgress.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 448)

src/components/data-display/GlassProgress.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 83)

src/components/data-display/GlassProgress.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 168)

src/components/data-display/GlassProgress.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 83)

src/components/data-display/GlassProgress.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 168)

src/components/data-display/GlassProgress.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 518)

src/components/data-display/GlassProgress.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" fill="currentColor" viewBox="0 0 20 20"> (Line 533)

src/components/data-display/GlassProgress.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 518)

src/components/data-display/GlassProgress.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 168)

src/components/data-display/GlassProgress.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 168)

src/components/data-display/GlassProgress.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 168)

src/components/data-display/GlassProgress.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 83)

src/components/data-display/GlassProgress.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('w-full', className)} (Line 168)

src/components/data-display/GlassProgress.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-between items-center mb-2"> (Line 173)

src/components/data-display/GlassProgress.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium text-white/90"> (Line 174)

src/components/data-display/GlassProgress.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/75"> (Line 178)

src/components/data-display/GlassProgress.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={trackClasses} (Line 196)

src/components/data-display/GlassProgress.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={fillClasses} (Line 205)

src/components/data-display/GlassProgress.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="pointer-events-none absolute inset-0 glass-sheen" /> (Line 212)

src/components/data-display/GlassProgress.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center h-full px-2"> (Line 215)

src/components/data-display/GlassProgress.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs font-medium text-white mix-blend-difference"> (Line 216)

src/components/data-display/GlassProgress.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 bg-stripes opacity-20" /> (Line 224)

src/components/data-display/GlassProgress.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-between items-center mt-2"> (Line 231)

src/components/data-display/GlassProgress.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium text-white/90"> (Line 174)

src/components/data-display/GlassProgress.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/75"> (Line 178)

src/components/data-display/GlassProgress.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 83)

src/components/data-display/GlassProgress.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 168)

src/components/data-display/GlassProgress.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 83)

src/components/data-display/GlassProgress.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="transform -rotate-90" (Line 345)

src/components/data-display/GlassProgress.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-muted/20" (Line 357)

src/components/data-display/GlassProgress.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 168)

src/components/data-display/GlassProgress.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="stroke-white/10" (Line 392)

src/components/data-display/GlassProgress.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 flex items-center justify-center"> (Line 398)

src/components/data-display/GlassProgress.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium text-white/90"> (Line 174)

src/components/data-display/GlassProgress.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 448)

src/components/data-display/GlassProgress.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 83)

src/components/data-display/GlassProgress.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 168)

src/components/data-display/GlassProgress.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 83)

src/components/data-display/GlassProgress.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 168)

src/components/data-display/GlassProgress.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 518)

src/components/data-display/GlassProgress.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" fill="currentColor" viewBox="0 0 20 20"> (Line 533)

src/components/data-display/GlassProgress.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 518)

src/components/data-display/GlassProgress.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 168)

src/components/data-display/GlassProgress.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 168)

src/components/data-display/GlassProgress.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 168)

src/components/data-display/GlassSchemaViewer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/data-display/GlassSchemaViewer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/data-display/GlassSchemaViewer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 22)

src/components/data-display/GlassSchemaViewer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 45)

src/components/data-display/GlassSchemaViewer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/data-display/GlassSchemaViewer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/data-display/GlassSchemaViewer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 22)

src/components/data-display/GlassSchemaViewer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 45)

src/components/data-display/GlassSchemaViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string } (Line 6)

src/components/data-display/GlassSchemaViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className }: GlassSchemaViewerProps) { (Line 8)

src/components/data-display/GlassSchemaViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} />; (Line 9)

src/components/data-display/GlassSchemaViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string } (Line 6)

src/components/data-display/GlassSchemaViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className }: GlassSchemaViewerProps) { (Line 8)

src/components/data-display/GlassSchemaViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} />; (Line 9)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-6 max-w-md"> (Line 53)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-3">Rectangular (Line 55)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-3">Circular (Line 60)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-3">Rounded (Line 65)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-3">Text (Line 70)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4 max-w-md"> (Line 80)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">Pulse Animation (Line 82)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">Wave Animation (Line 87)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">No Animation (Line 92)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4 max-w-md"> (Line 80)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">Single Line (Line 104)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">Multiple Lines (Line 109)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">Long Text Block (Line 114)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center space-x-4"> (Line 124)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4 max-w-md"> (Line 80)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">Button Sizes (Line 138)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 139)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">Full Width (Line 147)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-4xl"> (Line 157)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="max-w-md space-y-4"> (Line 169)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center space-x-3"> (Line 170)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 space-y-2"> (Line 172)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-end space-x-2"> (Line 180)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="max-w-2xl space-y-6"> (Line 191)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 193)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center space-x-3"> (Line 170)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 139)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4"> (Line 205)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-1 md:grid-cols-3 gap-4"> (Line 212)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-between items-center"> (Line 219)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex space-x-2"> (Line 220)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-6 max-w-md"> (Line 53)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-3">Rectangular (Line 55)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-3">Circular (Line 60)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-3">Rounded (Line 65)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-3">Text (Line 70)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4 max-w-md"> (Line 80)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">Pulse Animation (Line 82)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">Wave Animation (Line 87)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">No Animation (Line 92)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4 max-w-md"> (Line 80)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">Single Line (Line 104)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">Multiple Lines (Line 109)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">Long Text Block (Line 114)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center space-x-4"> (Line 124)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4 max-w-md"> (Line 80)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">Button Sizes (Line 138)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 139)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">Full Width (Line 147)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-4xl"> (Line 157)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="max-w-md space-y-4"> (Line 169)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center space-x-3"> (Line 170)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 space-y-2"> (Line 172)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-end space-x-2"> (Line 180)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="max-w-2xl space-y-6"> (Line 191)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 193)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center space-x-3"> (Line 170)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 139)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4"> (Line 205)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-1 md:grid-cols-3 gap-4"> (Line 212)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-between items-center"> (Line 219)

src/components/data-display/GlassSkeleton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex space-x-2"> (Line 220)

src/components/data-display/GlassSkeleton.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 242)

src/components/data-display/GlassSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className */ (Line 15)

src/components/data-display/GlassSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 16)

src/components/data-display/GlassSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className = '', (Line 49)

src/components/data-display/GlassSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`space-y-${spacing} ${className}`}> (Line 111)

src/components/data-display/GlassSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block" (Line 124)

src/components/data-display/GlassSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`block ${className}`} (Line 146)

src/components/data-display/GlassSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 16)

src/components/data-display/GlassSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className = '' }) => { (Line 164)

src/components/data-display/GlassSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`${sizeClasses[size]} ${className}`} (Line 175)

src/components/data-display/GlassSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 16)

src/components/data-display/GlassSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className = '' }) => { (Line 164)

src/components/data-display/GlassSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 190)

src/components/data-display/GlassSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 16)

src/components/data-display/GlassSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className = '' }) => { (Line 164)

src/components/data-display/GlassSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`p-6 space-y-4 ${className}`} (Line 201)

src/components/data-display/GlassSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center space-x-4"> (Line 206)

src/components/data-display/GlassSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2 flex-1"> (Line 208)

src/components/data-display/GlassSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-3"> (Line 215)

src/components/data-display/GlassSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex space-x-2 pt-2"> (Line 222)

src/components/data-display/GlassSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 16)

src/components/data-display/GlassSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className = '' }) => { (Line 164)

src/components/data-display/GlassSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`overflow-hidden ${className}`} (Line 237)

src/components/data-display/GlassSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 border-b border-white/300"> (Line 242)

src/components/data-display/GlassSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid gap-4" style={{ gridTemplateColumns: `repeat(${columns}, 1fr)` }}> (Line 243)

src/components/data-display/GlassSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="divide-y divide-white/5"> (Line 251)

src/components/data-display/GlassSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4"> (Line 253)

src/components/data-display/GlassSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid gap-4" style={{ gridTemplateColumns: `repeat(${columns}, 1fr)` }}> (Line 243)

src/components/data-display/GlassSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 16)

src/components/data-display/GlassSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className = '' }) => { (Line 164)

src/components/data-display/GlassSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`space-y-4 ${className}`}> (Line 275)

src/components/data-display/GlassSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center space-x-4"> (Line 206)

src/components/data-display/GlassSkeleton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 space-y-2"> (Line 279)

src/components/data-display/GlassSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className */ (Line 15)

src/components/data-display/GlassSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 16)

src/components/data-display/GlassSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className = '', (Line 49)

src/components/data-display/GlassSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`space-y-${spacing} ${className}`}> (Line 111)

src/components/data-display/GlassSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block" (Line 124)

src/components/data-display/GlassSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`block ${className}`} (Line 146)

src/components/data-display/GlassSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 16)

src/components/data-display/GlassSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className = '' }) => { (Line 164)

src/components/data-display/GlassSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`${sizeClasses[size]} ${className}`} (Line 175)

src/components/data-display/GlassSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 16)

src/components/data-display/GlassSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className = '' }) => { (Line 164)

src/components/data-display/GlassSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 190)

src/components/data-display/GlassSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 16)

src/components/data-display/GlassSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className = '' }) => { (Line 164)

src/components/data-display/GlassSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`p-6 space-y-4 ${className}`} (Line 201)

src/components/data-display/GlassSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center space-x-4"> (Line 206)

src/components/data-display/GlassSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2 flex-1"> (Line 208)

src/components/data-display/GlassSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-3"> (Line 215)

src/components/data-display/GlassSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex space-x-2 pt-2"> (Line 222)

src/components/data-display/GlassSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 16)

src/components/data-display/GlassSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className = '' }) => { (Line 164)

src/components/data-display/GlassSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`overflow-hidden ${className}`} (Line 237)

src/components/data-display/GlassSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 border-b border-white/300"> (Line 242)

src/components/data-display/GlassSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid gap-4" style={{ gridTemplateColumns: `repeat(${columns}, 1fr)` }}> (Line 243)

src/components/data-display/GlassSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="divide-y divide-white/5"> (Line 251)

src/components/data-display/GlassSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4"> (Line 253)

src/components/data-display/GlassSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid gap-4" style={{ gridTemplateColumns: `repeat(${columns}, 1fr)` }}> (Line 243)

src/components/data-display/GlassSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 16)

src/components/data-display/GlassSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className = '' }) => { (Line 164)

src/components/data-display/GlassSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`space-y-4 ${className}`}> (Line 275)

src/components/data-display/GlassSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center space-x-4"> (Line 206)

src/components/data-display/GlassSkeleton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 space-y-2"> (Line 279)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 104)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-1 md:grid-cols-3 gap-6 max-w-4xl"> (Line 53)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 54)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-semibold mb-4">Pulse (Line 55)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 54)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-semibold mb-4">Wave (Line 59)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 54)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-semibold mb-4">Shimmer (Line 63)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center gap-8"> (Line 76)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 54)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-semibold mb-2">Small (Line 78)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 54)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-semibold mb-2">Medium (Line 82)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 54)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-semibold mb-2">Large (Line 86)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 54)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-semibold mb-2">Extra Large (Line 90)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete p-6 bg-white/255 rounded-lg text-center"> (Line 104)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">Content Loaded! (Line 105)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">This content appears when loading is complete.

(Line 106)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4 max-w-md"> (Line 119)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">Single Line (Line 121)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">Multiple Lines (Line 126)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">Long Content Block (Line 131)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">With Custom Width (Line 136)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-4xl"> (Line 148)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-3">Title Skeleton (Line 150)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-2"> (Line 152)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-3">List Item Skeleton (Line 158)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-3"> (Line 159)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center space-x-3"> (Line 160)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1"> (Line 162)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-3">Card Content (Line 170)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-2"> (Line 152)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-3">Comment Skeleton (Line 178)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-start space-x-3"> (Line 179)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1"> (Line 162)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-1 md:grid-cols-3 gap-6 max-w-4xl"> (Line 53)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 54)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-semibold mb-4">Pulse (Line 55)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 54)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-semibold mb-4">Wave (Line 59)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 54)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-semibold mb-4">Shimmer (Line 63)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center gap-8"> (Line 76)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 54)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-semibold mb-2">Small (Line 78)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 54)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-semibold mb-2">Medium (Line 82)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 54)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-semibold mb-2">Large (Line 86)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 54)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-semibold mb-2">Extra Large (Line 90)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete p-6 bg-white/255 rounded-lg text-center"> (Line 104)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">Content Loaded! (Line 105)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">This content appears when loading is complete.

(Line 106)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4 max-w-md"> (Line 119)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">Single Line (Line 121)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">Multiple Lines (Line 126)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">Long Content Block (Line 131)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">With Custom Width (Line 136)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-4xl"> (Line 148)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-3">Title Skeleton (Line 150)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-2"> (Line 152)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-3">List Item Skeleton (Line 158)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-3"> (Line 159)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center space-x-3"> (Line 160)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1"> (Line 162)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-3">Card Content (Line 170)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-2"> (Line 152)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-3">Comment Skeleton (Line 178)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-start space-x-3"> (Line 179)

src/components/data-display/GlassSkeletonLoader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1"> (Line 162)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className */ (Line 15)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 16)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className = '', (Line 73)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`flex flex-col items-center justify-center space-y-4 ${className}`}> (Line 131)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`rounded-full ${sizeClasses[size]}`} (Line 134)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-4 py-2 rounded-lg" (Line 159)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70 font-medium"> (Line 163)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, text, shouldAnimate, animationDuration]); (Line 170)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 16)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className = '' (Line 73)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`space-y-2 ${className}`}> (Line 209)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-4 rounded" (Line 213)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 16)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className = '' }) => { (Line 231)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`p-6 space-y-4 ${className}`} (Line 234)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex space-x-2"> (Line 240)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-8 w-16 rounded" (Line 242)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-8 w-16 rounded" (Line 242)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className */ (Line 15)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 16)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className = '', (Line 73)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`flex flex-col items-center justify-center space-y-4 ${className}`}> (Line 131)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`rounded-full ${sizeClasses[size]}`} (Line 134)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-4 py-2 rounded-lg" (Line 159)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70 font-medium"> (Line 163)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, text, shouldAnimate, animationDuration]); (Line 170)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 16)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className = '' (Line 73)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`space-y-2 ${className}`}> (Line 209)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-4 rounded" (Line 213)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 16)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className = '' }) => { (Line 231)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`p-6 space-y-4 ${className}`} (Line 234)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex space-x-2"> (Line 240)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-8 w-16 rounded" (Line 242)

src/components/data-display/GlassSkeletonLoader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-8 w-16 rounded" (Line 242)

src/components/data-display/GlassSkeletonLoader.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255,255,255,0.12) (Line 111)

src/components/data-display/GlassSkeletonLoader.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255,255,255,0.05) (Line 119)

src/components/data-display/GlassSkeletonLoader.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255,255,255,0.18) (Line 147)

src/components/data-display/GlassSparkline.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/data-display/GlassSparkline.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/data-display/GlassSparkline.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 22)

src/components/data-display/GlassSparkline.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/data-display/GlassSparkline.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/data-display/GlassSparkline.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/data-display/GlassSparkline.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 22)

src/components/data-display/GlassSparkline.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/data-display/GlassSparkline.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 12)

src/components/data-display/GlassSparkline.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className }: GlassSparklineProps) { (Line 15)

src/components/data-display/GlassSparkline.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('text-blue-300/90', className)}> (Line 23)

src/components/data-display/GlassSparkline.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 12)

src/components/data-display/GlassSparkline.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className }: GlassSparklineProps) { (Line 15)

src/components/data-display/GlassSparkline.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('text-blue-300/90', className)}> (Line 23)

src/components/data-display/GlassStatusDot.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/data-display/GlassStatusDot.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/data-display/GlassStatusDot.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 22)

src/components/data-display/GlassStatusDot.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 38)

src/components/data-display/GlassStatusDot.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/data-display/GlassStatusDot.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/data-display/GlassStatusDot.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 22)

src/components/data-display/GlassStatusDot.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 38)

src/components/data-display/GlassStatusDot.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 9)

src/components/data-display/GlassStatusDot.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className }: GlassStatusDotProps) { (Line 12)

src/components/data-display/GlassStatusDot.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', 'inline-block rounded-full', color, className))} style={{ width: size, height: size }} />; (Line 14)

src/components/data-display/GlassStatusDot.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 9)

src/components/data-display/GlassStatusDot.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className }: GlassStatusDotProps) { (Line 12)

src/components/data-display/GlassStatusDot.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', 'inline-block rounded-full', color, className))} style={{ width: size, height: size }} />; (Line 14)

src/components/data-display/GlassTimeline.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/data-display/GlassTimeline.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/data-display/GlassTimeline.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 22)

src/components/data-display/GlassTimeline.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 56)

src/components/data-display/GlassTimeline.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/data-display/GlassTimeline.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/data-display/GlassTimeline.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 22)

src/components/data-display/GlassTimeline.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 56)

src/components/data-display/GlassTimeline.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 23)

src/components/data-display/GlassTimeline.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 28)

src/components/data-display/GlassTimeline.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 17)

src/components/data-display/GlassTimeline.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className }: GlassTimelineProps) { (Line 20)

src/components/data-display/GlassTimeline.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('relative pl-5', className)}> (Line 22)

src/components/data-display/GlassTimeline.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete absolute top-0 bottom-0 left-2 w-px bg-white/255" /> (Line 23)

src/components/data-display/GlassTimeline.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-3"> (Line 24)

src/components/data-display/GlassTimeline.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative"> (Line 26)

src/components/data-display/GlassTimeline.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute left-0 top-2 -ml-1 w-3 h-3 rounded-full bg-blue-400 shadow-[0_0_0_3px_rgba(59,130,246,0.25)]" /> (Line 27)

src/components/data-display/GlassTimeline.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="rounded-lg p-3 border border-white/300"> (Line 28)

src/components/data-display/GlassTimeline.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-start justify-between"> (Line 29)

src/components/data-display/GlassTimeline.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-start gap-2 min-w-0"> (Line 30)

src/components/data-display/GlassTimeline.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-0.5 opacity-80">{it.icon}

} (Line 31)

src/components/data-display/GlassTimeline.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="min-w-0"> (Line 32)

src/components/data-display/GlassTimeline.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium text-white truncate">{it.title}

(Line 33)

src/components/data-display/GlassTimeline.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70 truncate">{it.subtitle}

} (Line 34)

src/components/data-display/GlassTimeline.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70 ml-3 whitespace-nowrap">{it.time}

} (Line 37)

src/components/data-display/GlassTimeline.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 17)

src/components/data-display/GlassTimeline.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className }: GlassTimelineProps) { (Line 20)

src/components/data-display/GlassTimeline.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('relative pl-5', className)}> (Line 22)

src/components/data-display/GlassTimeline.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete absolute top-0 bottom-0 left-2 w-px bg-white/255" /> (Line 23)

src/components/data-display/GlassTimeline.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-3"> (Line 24)

src/components/data-display/GlassTimeline.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative"> (Line 26)

src/components/data-display/GlassTimeline.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute left-0 top-2 -ml-1 w-3 h-3 rounded-full bg-blue-400 shadow-[0_0_0_3px_rgba(59,130,246,0.25)]" /> (Line 27)

src/components/data-display/GlassTimeline.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="rounded-lg p-3 border border-white/300"> (Line 28)

src/components/data-display/GlassTimeline.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-start justify-between"> (Line 29)

src/components/data-display/GlassTimeline.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-start gap-2 min-w-0"> (Line 30)

src/components/data-display/GlassTimeline.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-0.5 opacity-80">{it.icon}

} (Line 31)

src/components/data-display/GlassTimeline.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="min-w-0"> (Line 32)

src/components/data-display/GlassTimeline.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium text-white truncate">{it.title}

(Line 33)

src/components/data-display/GlassTimeline.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70 truncate">{it.subtitle}

} (Line 34)

src/components/data-display/GlassTimeline.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70 ml-3 whitespace-nowrap">{it.time}

} (Line 37)

src/components/data-display/GlassToast.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/data-display/GlassToast.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className for the toast', (Line 18)

src/components/data-display/GlassToast.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 35)

src/components/data-display/GlassToast.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-col gap-4"> (Line 55)

src/components/data-display/GlassToast.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/data-display/GlassToast.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className for the toast', (Line 18)

src/components/data-display/GlassToast.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 35)

src/components/data-display/GlassToast.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-col gap-4"> (Line 55)

src/components/data-display/GlassToast.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 197)

src/components/data-display/GlassToast.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 197)

src/components/data-display/GlassToast.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 197)

src/components/data-display/GlassToast.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 197)

src/components/data-display/GlassToast.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 188)

src/components/data-display/GlassToast.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 188)

src/components/data-display/GlassToast.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 30)

src/components/data-display/GlassToast.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 32)

src/components/data-display/GlassToast.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 30)

src/components/data-display/GlassToast.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 32)

src/components/data-display/GlassToast.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 30)

src/components/data-display/GlassToast.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 32)

src/components/data-display/GlassToast.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 105)

src/components/data-display/GlassToast.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5 text-green-400" />, (Line 141)

src/components/data-display/GlassToast.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5 text-red-400" />, (Line 147)

src/components/data-display/GlassToast.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5 text-yellow-400" />, (Line 153)

src/components/data-display/GlassToast.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5 text-blue-400" />, (Line 159)

src/components/data-display/GlassToast.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 186)

src/components/data-display/GlassToast.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 30)

src/components/data-display/GlassToast.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete absolute top-0 left-0 right-0 h-1 bg-white/250 rounded-t-lg overflow-hidden"> (Line 197)

src/components/data-display/GlassToast.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 186)

src/components/data-display/GlassToast.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-start gap-3"> (Line 208)

src/components/data-display/GlassToast.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0 mt-0.5"> (Line 210)

src/components/data-display/GlassToast.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-0"> (Line 215)

src/components/data-display/GlassToast.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white font-medium text-sm leading-tight mb-1"> (Line 217)

src/components/data-display/GlassToast.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/80 text-sm leading-relaxed"> (Line 223)

src/components/data-display/GlassToast.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-3" (Line 232)

src/components/data-display/GlassToast.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0 p-1 rounded-md hover:bg-white/255 transition-colors duration-200" (Line 242)

src/components/data-display/GlassToast.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 text-white/70 hover:text-white" /> (Line 245)

src/components/data-display/GlassToast.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 105)

src/components/data-display/GlassToast.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 186)

src/components/data-display/GlassToast.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 30)

src/components/data-display/GlassToast.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="pointer-events-auto" (Line 373)

src/components/data-display/GlassToast.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 105)

src/components/data-display/GlassToast.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 186)

src/components/data-display/GlassToast.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 30)

src/components/data-display/GlassToast.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 30)

src/components/data-display/GlassToast.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 32)

src/components/data-display/GlassToast.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 30)

src/components/data-display/GlassToast.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 32)

src/components/data-display/GlassToast.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 30)

src/components/data-display/GlassToast.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 32)

src/components/data-display/GlassToast.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 105)

src/components/data-display/GlassToast.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5 text-green-400" />, (Line 141)

src/components/data-display/GlassToast.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5 text-red-400" />, (Line 147)

src/components/data-display/GlassToast.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5 text-yellow-400" />, (Line 153)

src/components/data-display/GlassToast.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5 text-blue-400" />, (Line 159)

src/components/data-display/GlassToast.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 186)

src/components/data-display/GlassToast.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 30)

src/components/data-display/GlassToast.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete absolute top-0 left-0 right-0 h-1 bg-white/250 rounded-t-lg overflow-hidden"> (Line 197)

src/components/data-display/GlassToast.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 186)

src/components/data-display/GlassToast.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-start gap-3"> (Line 208)

src/components/data-display/GlassToast.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0 mt-0.5"> (Line 210)

src/components/data-display/GlassToast.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-0"> (Line 215)

src/components/data-display/GlassToast.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white font-medium text-sm leading-tight mb-1"> (Line 217)

src/components/data-display/GlassToast.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/80 text-sm leading-relaxed"> (Line 223)

src/components/data-display/GlassToast.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-3" (Line 232)

src/components/data-display/GlassToast.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0 p-1 rounded-md hover:bg-white/255 transition-colors duration-200" (Line 242)

src/components/data-display/GlassToast.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 text-white/70 hover:text-white" /> (Line 245)

src/components/data-display/GlassToast.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 105)

src/components/data-display/GlassToast.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 186)

src/components/data-display/GlassToast.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 30)

src/components/data-display/GlassToast.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="pointer-events-auto" (Line 373)

src/components/data-display/GlassToast.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 105)

src/components/data-display/GlassToast.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 186)

src/components/data-display/GlassToast.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 30)

src/components/data-display/GlassVirtualTable.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/data-display/GlassVirtualTable.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/data-display/GlassVirtualTable.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 30)

src/components/data-display/GlassVirtualTable.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 text-center"> (Line 42)

src/components/data-display/GlassVirtualTable.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">GlassVirtualTable (Line 43)

src/components/data-display/GlassVirtualTable.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">This is the default glassvirtualtable component.

(Line 44)

src/components/data-display/GlassVirtualTable.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 52)

src/components/data-display/GlassVirtualTable.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/data-display/GlassVirtualTable.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/data-display/GlassVirtualTable.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 30)

src/components/data-display/GlassVirtualTable.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 text-center"> (Line 42)

src/components/data-display/GlassVirtualTable.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">GlassVirtualTable (Line 43)

src/components/data-display/GlassVirtualTable.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">This is the default glassvirtualtable component.

(Line 44)

src/components/data-display/GlassVirtualTable.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 52)

src/components/data-display/GlassVirtualTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, etc.) (Line 9)

src/components/data-display/GlassVirtualTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, etc.) (Line 9)

src/components/data-display/Typography.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/data-display/Typography.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/data-display/Typography.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/data-display/Typography.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/data-display/Typography.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/data-display/Typography.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/data-display/Typography.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/data-display/Typography.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/data-display/Typography.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, children, ...props }, ref) => { (Line 22)

src/components/data-display/Typography.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: cn(className), (Line 25)

src/components/data-display/Typography.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, children, ...props }, ref) => { (Line 22)

src/components/data-display/Typography.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: cn(className), (Line 25)

src/components/icons/ClearIcon.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/icons/ClearIcon.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 34)

src/components/icons/ClearIcon.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-4"> (Line 49)

src/components/icons/ClearIcon.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/icons/ClearIcon.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 34)

src/components/icons/ClearIcon.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-4"> (Line 49)

src/components/icons/ClearIcon.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 6)

src/components/icons/ClearIcon.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 13)

src/components/icons/ClearIcon.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 25)

src/components/icons/ClearIcon.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 6)

src/components/icons/ClearIcon.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 13)

src/components/icons/ClearIcon.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 25)

src/components/image-list/ImageList.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/image-list/ImageList.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/image-list/ImageList.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/image-list/ImageList.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/image-list/ImageList.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/image-list/ImageList.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/image-list/ImageList.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/image-list/ImageList.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/image-list/ImageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 130)

src/components/image-list/ImageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 182)

src/components/image-list/ImageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 130)

src/components/image-list/ImageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: `${child.props?.className || ''} galileo-image-list-item`, (Line 197)

src/components/image-list/ImageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 130)

src/components/image-list/ImageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 182)

src/components/image-list/ImageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 130)

src/components/image-list/ImageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: `${child.props?.className || ''} galileo-image-list-item`, (Line 197)

src/components/image-list/ImageList.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.03) (Line 111)

src/components/image-list/ImageListItem.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/image-list/ImageListItem.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/image-list/ImageListItem.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/image-list/ImageListItem.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/image-list/ImageListItem.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/image-list/ImageListItem.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/image-list/ImageListItem.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/image-list/ImageListItem.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/image-list/ImageListItem.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 140)

src/components/image-list/ImageListItem.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`${className || ''} galileo-image-list-item`.trim()} (Line 195)

src/components/image-list/ImageListItem.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 140)

src/components/image-list/ImageListItem.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`${className || ''} galileo-image-list-item`.trim()} (Line 195)

src/components/image-list/ImageListItemBar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/image-list/ImageListItemBar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/image-list/ImageListItemBar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/image-list/ImageListItemBar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/image-list/ImageListItemBar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/image-list/ImageListItemBar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/image-list/ImageListItemBar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/image-list/ImageListItemBar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/image-list/ImageListItemBar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 97)

src/components/image-list/ImageListItemBar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 118)

src/components/image-list/ImageListItemBar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 97)

src/components/image-list/ImageListItemBar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 118)

src/components/input/GlassCheckbox.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/input/GlassCheckbox.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/input/GlassCheckbox.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 30)

src/components/input/GlassCheckbox.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 text-center"> (Line 42)

src/components/input/GlassCheckbox.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">GlassCheckbox (Line 43)

src/components/input/GlassCheckbox.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">This is the default glasscheckbox component.

(Line 44)

src/components/input/GlassCheckbox.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 52)

src/components/input/GlassCheckbox.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/input/GlassCheckbox.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/input/GlassCheckbox.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 30)

src/components/input/GlassCheckbox.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 text-center"> (Line 42)

src/components/input/GlassCheckbox.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">GlassCheckbox (Line 43)

src/components/input/GlassCheckbox.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">This is the default glasscheckbox component.

(Line 44)

src/components/input/GlassCheckbox.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 52)

src/components/input/GlassCheckbox.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 100)

src/components/input/GlassCheckbox.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 100)

src/components/input/GlassCheckbox.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 100)

src/components/input/GlassCheckbox.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 100)

src/components/input/GlassCheckbox.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 100)

src/components/input/GlassCheckbox.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 100)

src/components/input/GlassCheckbox.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 100)

src/components/input/GlassCheckbox.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 100)

src/components/input/GlassCheckbox.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 100)

src/components/input/GlassCheckbox.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 100)

src/components/input/GlassCheckbox.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 59)

src/components/input/GlassCheckbox.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative inline-flex items-center"> (Line 130)

src/components/input/GlassCheckbox.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="sr-only" (Line 138)

src/components/input/GlassCheckbox.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 145)

src/components/input/GlassCheckbox.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 rounded-md bg-gradient-to-br from-white/10 to-transparent" /> (Line 176)

src/components/input/GlassCheckbox.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 145)

src/components/input/GlassCheckbox.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 145)

src/components/input/GlassCheckbox.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={config.icon} strokeWidth={3} /> (Line 195)

src/components/input/GlassCheckbox.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={config.icon} strokeWidth={3} /> (Line 195)

src/components/input/GlassCheckbox.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 rounded-md glass-sheen opacity-0 group-hover:opacity-100 transition-opacity" /> (Line 204)

src/components/input/GlassCheckbox.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 145)

src/components/input/GlassCheckbox.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 145)

src/components/input/GlassCheckbox.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 145)

src/components/input/GlassCheckbox.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 59)

src/components/input/GlassCheckbox.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={containerClass}> (Line 260)

src/components/input/GlassCheckbox.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-start pt-0.5"> (Line 262)

src/components/input/GlassCheckbox.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-1 min-w-0 flex-1"> (Line 269)

src/components/input/GlassCheckbox.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 59)

src/components/input/GlassCheckbox.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative inline-flex items-center"> (Line 130)

src/components/input/GlassCheckbox.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="sr-only" (Line 138)

src/components/input/GlassCheckbox.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 145)

src/components/input/GlassCheckbox.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 rounded-md bg-gradient-to-br from-white/10 to-transparent" /> (Line 176)

src/components/input/GlassCheckbox.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 145)

src/components/input/GlassCheckbox.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 145)

src/components/input/GlassCheckbox.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={config.icon} strokeWidth={3} /> (Line 195)

src/components/input/GlassCheckbox.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={config.icon} strokeWidth={3} /> (Line 195)

src/components/input/GlassCheckbox.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 rounded-md glass-sheen opacity-0 group-hover:opacity-100 transition-opacity" /> (Line 204)

src/components/input/GlassCheckbox.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 145)

src/components/input/GlassCheckbox.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 145)

src/components/input/GlassCheckbox.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 145)

src/components/input/GlassCheckbox.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 59)

src/components/input/GlassCheckbox.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={containerClass}> (Line 260)

src/components/input/GlassCheckbox.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-start pt-0.5"> (Line 262)

src/components/input/GlassCheckbox.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-1 min-w-0 flex-1"> (Line 269)

src/components/input/GlassColorPicker.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/input/GlassColorPicker.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/input/GlassColorPicker.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 26)

src/components/input/GlassColorPicker.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 44)

src/components/input/GlassColorPicker.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/input/GlassColorPicker.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/input/GlassColorPicker.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 26)

src/components/input/GlassColorPicker.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 44)

src/components/input/GlassColorPicker.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 317)

src/components/input/GlassColorPicker.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 317)

src/components/input/GlassColorPicker.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 317)

src/components/input/GlassColorPicker.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 317)

src/components/input/GlassColorPicker.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 317)

src/components/input/GlassColorPicker.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 317)

src/components/input/GlassColorPicker.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 317)

src/components/input/GlassColorPicker.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 317)

src/components/input/GlassColorPicker.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 317)

src/components/input/GlassColorPicker.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 317)

src/components/input/GlassColorPicker.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 317)

src/components/input/GlassColorPicker.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 317)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 67)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 69)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 181)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative"> (Line 312)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 316)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 67)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute z-50 mt-2"> (Line 338)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 316)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="border-0 bg-transparent"> (Line 350)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="pb-4"> (Line 351)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 352)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold text-white flex items-center gap-2"> (Line 353)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5" /> (Line 354)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-6"> (Line 367)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-4"> (Line 369)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-16 h-16 rounded-lg border-2 border-white/300" (Line 371)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1"> (Line 374)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm" (Line 380)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70 mt-1"> (Line 383)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4"> (Line 390)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/80 mb-2 block">Hue (Line 392)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer slider" (Line 399)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/80 mb-2 block">Saturation (Line 407)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer" (Line 414)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/80 mb-2 block">Lightness (Line 422)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer" (Line 414)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/80 mb-2 block">Alpha (Line 438)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer" (Line 414)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-3 gap-4"> (Line 455)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/80 mb-2 block">R (Line 457)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm" (Line 380)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/80 mb-2 block">G (Line 468)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm" (Line 380)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/80 mb-2 block">B (Line 479)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm" (Line 380)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/80 mb-3 block">Palette (Line 494)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-5 gap-2"> (Line 495)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 316)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 text-white mx-auto" /> (Line 508)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/80 mb-3 block">Material Colors (Line 519)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-5 gap-2"> (Line 495)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-8 h-8 rounded-lg border-2 border-white/300 hover:border-white/300 transition-all duration-200" (Line 524)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-between gap-3 pt-4 border-t border-white/300"> (Line 535)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 mr-2" /> (Line 541)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-2"> (Line 544)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 69)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 67)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('flex flex-wrap gap-2', className)}> (Line 593)

src/components/input/GlassColorPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 316)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 67)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 69)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 181)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative"> (Line 312)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 316)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 67)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute z-50 mt-2"> (Line 338)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 316)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="border-0 bg-transparent"> (Line 350)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="pb-4"> (Line 351)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 352)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold text-white flex items-center gap-2"> (Line 353)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5" /> (Line 354)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-6"> (Line 367)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-4"> (Line 369)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-16 h-16 rounded-lg border-2 border-white/300" (Line 371)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1"> (Line 374)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm" (Line 380)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70 mt-1"> (Line 383)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4"> (Line 390)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/80 mb-2 block">Hue (Line 392)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer slider" (Line 399)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/80 mb-2 block">Saturation (Line 407)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer" (Line 414)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/80 mb-2 block">Lightness (Line 422)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer" (Line 414)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/80 mb-2 block">Alpha (Line 438)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer" (Line 414)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-3 gap-4"> (Line 455)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/80 mb-2 block">R (Line 457)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm" (Line 380)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/80 mb-2 block">G (Line 468)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm" (Line 380)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/80 mb-2 block">B (Line 479)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm" (Line 380)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/80 mb-3 block">Palette (Line 494)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-5 gap-2"> (Line 495)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 316)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 text-white mx-auto" /> (Line 508)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/80 mb-3 block">Material Colors (Line 519)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-5 gap-2"> (Line 495)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-8 h-8 rounded-lg border-2 border-white/300 hover:border-white/300 transition-all duration-200" (Line 524)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-between gap-3 pt-4 border-t border-white/300"> (Line 535)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 mr-2" /> (Line 541)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-2"> (Line 544)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 69)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 67)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('flex flex-wrap gap-2', className)}> (Line 593)

src/components/input/GlassColorPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 316)

src/components/input/GlassDatePicker.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/input/GlassDatePicker.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/input/GlassDatePicker.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 26)

src/components/input/GlassDatePicker.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 43)

src/components/input/GlassDatePicker.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/input/GlassDatePicker.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/input/GlassDatePicker.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 26)

src/components/input/GlassDatePicker.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 43)

src/components/input/GlassDatePicker.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 431)

src/components/input/GlassDatePicker.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 431)

src/components/input/GlassDatePicker.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 431)

src/components/input/GlassDatePicker.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 431)

src/components/input/GlassDatePicker.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 431)

src/components/input/GlassDatePicker.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 431)

src/components/input/GlassDatePicker.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 431)

src/components/input/GlassDatePicker.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 431)

src/components/input/GlassDatePicker.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 431)

src/components/input/GlassDatePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 114)

src/components/input/GlassDatePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 148)

src/components/input/GlassDatePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-datepicker relative', className)} {...props}> (Line 395)

src/components/input/GlassDatePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-1 rounded hover:bg-muted/20 transition-colors" (Line 411)

src/components/input/GlassDatePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 415)

src/components/input/GlassDatePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute top-full left-0 z-50 mt-2"> (Line 427)

src/components/input/GlassDatePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-80 border border-white/300 p-4 bg-white/255 backdrop-blur-xl backdrop-saturate-180 backdrop-brightness-115 backdrop-contrast-108" (Line 431)

src/components/input/GlassDatePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between mb-4"> (Line 434)

src/components/input/GlassDatePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 443)

src/components/input/GlassDatePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="bg-white/250 border border-white/300 rounded px-2 py-1 text-sm text-white/95 focus:ring-2 focus:ring-blue-500/20" (Line 447)

src/components/input/GlassDatePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="bg-white/250 border border-white/300 rounded px-2 py-1 text-sm text-white/95 focus:ring-2 focus:ring-blue-500/20" (Line 447)

src/components/input/GlassDatePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-7 gap-1 mb-2"> (Line 479)

src/components/input/GlassDatePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/75 p-2 text-center">Wk

} (Line 480)

src/components/input/GlassDatePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/90 p-2 text-center font-medium"> (Line 482)

src/components/input/GlassDatePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-7 gap-1"> (Line 489)

src/components/input/GlassDatePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/75 p-2 text-center"> (Line 480)

src/components/input/GlassDatePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 509)

src/components/input/GlassDatePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute bottom-1 left-1/2 transform -translate-x-1/2 w-1 h-1 bg-blue-500 rounded-full" /> (Line 526)

src/components/input/GlassDatePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between mt-4 pt-4 border-t border-white/300"> (Line 537)

src/components/input/GlassDatePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 114)

src/components/input/GlassDatePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 148)

src/components/input/GlassDatePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-datepicker relative', className)} {...props}> (Line 395)

src/components/input/GlassDatePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-1 rounded hover:bg-muted/20 transition-colors" (Line 411)

src/components/input/GlassDatePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 415)

src/components/input/GlassDatePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute top-full left-0 z-50 mt-2"> (Line 427)

src/components/input/GlassDatePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-80 border border-white/300 p-4 bg-white/255 backdrop-blur-xl backdrop-saturate-180 backdrop-brightness-115 backdrop-contrast-108" (Line 431)

src/components/input/GlassDatePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between mb-4"> (Line 434)

src/components/input/GlassDatePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 443)

src/components/input/GlassDatePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="bg-white/250 border border-white/300 rounded px-2 py-1 text-sm text-white/95 focus:ring-2 focus:ring-blue-500/20" (Line 447)

src/components/input/GlassDatePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="bg-white/250 border border-white/300 rounded px-2 py-1 text-sm text-white/95 focus:ring-2 focus:ring-blue-500/20" (Line 447)

src/components/input/GlassDatePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-7 gap-1 mb-2"> (Line 479)

src/components/input/GlassDatePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/75 p-2 text-center">Wk

} (Line 480)

src/components/input/GlassDatePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/90 p-2 text-center font-medium"> (Line 482)

src/components/input/GlassDatePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-7 gap-1"> (Line 489)

src/components/input/GlassDatePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/75 p-2 text-center"> (Line 480)

src/components/input/GlassDatePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 509)

src/components/input/GlassDatePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute bottom-1 left-1/2 transform -translate-x-1/2 w-1 h-1 bg-blue-500 rounded-full" /> (Line 526)

src/components/input/GlassDatePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between mt-4 pt-4 border-t border-white/300"> (Line 537)

src/components/input/GlassDateRangePicker.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/input/GlassDateRangePicker.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/input/GlassDateRangePicker.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 26)

src/components/input/GlassDateRangePicker.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 42)

src/components/input/GlassDateRangePicker.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/input/GlassDateRangePicker.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/input/GlassDateRangePicker.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 26)

src/components/input/GlassDateRangePicker.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 42)

src/components/input/GlassDateRangePicker.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 352)

src/components/input/GlassDateRangePicker.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 352)

src/components/input/GlassDateRangePicker.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 352)

src/components/input/GlassDateRangePicker.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 352)

src/components/input/GlassDateRangePicker.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 352)

src/components/input/GlassDateRangePicker.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 352)

src/components/input/GlassDateRangePicker.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 352)

src/components/input/GlassDateRangePicker.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 352)

src/components/input/GlassDateRangePicker.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 352)

src/components/input/GlassDateRangePicker.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 352)

src/components/input/GlassDateRangePicker.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 352)

src/components/input/GlassDateRangePicker.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 352)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 57)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 59)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className for the popover (Line 61)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 96)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative"> (Line 347)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 351)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 57)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2 flex-1 min-w-0"> (Line 361)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 text-white/70 flex-shrink-0" /> (Line 362)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 351)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1"> (Line 371)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-1 hover:bg-white/250 rounded transition-colors" (Line 378)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3 text-white/70" /> (Line 380)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute z-50 mt-2"> (Line 388)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 351)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="border-0 bg-transparent"> (Line 397)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4"> (Line 398)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-6"> (Line 399)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0"> (Line 402)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium text-white/80 mb-3">Quick Select (Line 403)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-1"> (Line 404)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full justify-start text-left" (Line 411)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1"> (Line 421)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between mb-4"> (Line 423)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold text-white"> (Line 424)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-1"> (Line 427)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 433)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 433)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 446)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-7 gap-1"> (Line 448)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center text-sm font-medium text-white/70 py-2" (Line 452)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-7 gap-1"> (Line 448)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="aspect-square" (Line 472)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 351)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-between items-center mt-4 pt-4 border-t border-white/300"> (Line 501)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70"> (Line 502)

src/components/input/GlassDateRangePicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-2"> (Line 505)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 57)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 59)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className for the popover (Line 61)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 96)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative"> (Line 347)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 351)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 57)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2 flex-1 min-w-0"> (Line 361)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 text-white/70 flex-shrink-0" /> (Line 362)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 351)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1"> (Line 371)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-1 hover:bg-white/250 rounded transition-colors" (Line 378)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3 text-white/70" /> (Line 380)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute z-50 mt-2"> (Line 388)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 351)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="border-0 bg-transparent"> (Line 397)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4"> (Line 398)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-6"> (Line 399)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0"> (Line 402)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium text-white/80 mb-3">Quick Select (Line 403)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-1"> (Line 404)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full justify-start text-left" (Line 411)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1"> (Line 421)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between mb-4"> (Line 423)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold text-white"> (Line 424)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-1"> (Line 427)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 433)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 433)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 446)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-7 gap-1"> (Line 448)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center text-sm font-medium text-white/70 py-2" (Line 452)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-7 gap-1"> (Line 448)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="aspect-square" (Line 472)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 351)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-between items-center mt-4 pt-4 border-t border-white/300"> (Line 501)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70"> (Line 502)

src/components/input/GlassDateRangePicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-2"> (Line 505)

src/components/input/GlassForm.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 108)

src/components/input/GlassForm.stories.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 108)

src/components/input/GlassForm.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-6 max-w-md"> (Line 46)

src/components/input/GlassForm.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full px-3 py-2 bg-white/255 border border-white/300 rounded-lg backdrop-blur-sm text-white placeholder-white/50 focus:outline-none focus:ring-2 focus:ring-white/30" (Line 108)

src/components/input/GlassForm.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full"> (Line 119)

src/components/input/GlassForm.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-6 max-w-md"> (Line 46)

src/components/input/GlassForm.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full"> (Line 119)

src/components/input/GlassForm.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-6 max-w-md"> (Line 46)

src/components/input/GlassForm.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full px-3 py-2 bg-white/255 border border-white/300 rounded-lg backdrop-blur-sm text-white placeholder-white/50 focus:outline-none focus:ring-2 focus:ring-white/30" (Line 108)

src/components/input/GlassForm.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full"> (Line 119)

src/components/input/GlassForm.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-6 max-w-md"> (Line 46)

src/components/input/GlassForm.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full"> (Line 119)

src/components/input/GlassForm.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 162)

src/components/input/GlassForm.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 163)

src/components/input/GlassForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, spacing = 'md', glass = false, ...props }, ref) => { (Line 66)

src/components/input/GlassForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 88)

src/components/input/GlassForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 66)

src/components/input/GlassForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 88)

src/components/input/GlassForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 66)

src/components/input/GlassForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, size = 'md', required = false, ...props }, ref) => { (Line 123)

src/components/input/GlassForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 88)

src/components/input/GlassForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 66)

src/components/input/GlassForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, glass = false, ...props }, ref) => { (Line 152)

src/components/input/GlassForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 88)

src/components/input/GlassForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 66)

src/components/input/GlassForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, size = 'sm', variant = 'muted', ...props }, ref) => { (Line 190)

src/components/input/GlassForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 88)

src/components/input/GlassForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 66)

src/components/input/GlassForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 66)

src/components/input/GlassForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 88)

src/components/input/GlassForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 66)

src/components/input/GlassForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={iconSize?.[size]} /> (Line 281)

src/components/input/GlassForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, spacing = 'md', glass = false, ...props }, ref) => { (Line 66)

src/components/input/GlassForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 88)

src/components/input/GlassForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 66)

src/components/input/GlassForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 88)

src/components/input/GlassForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 66)

src/components/input/GlassForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, size = 'md', required = false, ...props }, ref) => { (Line 123)

src/components/input/GlassForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 88)

src/components/input/GlassForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 66)

src/components/input/GlassForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, glass = false, ...props }, ref) => { (Line 152)

src/components/input/GlassForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 88)

src/components/input/GlassForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 66)

src/components/input/GlassForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, size = 'sm', variant = 'muted', ...props }, ref) => { (Line 190)

src/components/input/GlassForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 88)

src/components/input/GlassForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 66)

src/components/input/GlassForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 66)

src/components/input/GlassForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 88)

src/components/input/GlassForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 66)

src/components/input/GlassForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={iconSize?.[size]} /> (Line 281)

src/components/input/GlassFormStepper.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/input/GlassFormStepper.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/input/GlassFormStepper.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 22)

src/components/input/GlassFormStepper.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 42)

src/components/input/GlassFormStepper.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/input/GlassFormStepper.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/input/GlassFormStepper.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 22)

src/components/input/GlassFormStepper.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 42)

src/components/input/GlassFormStepper.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 146)

src/components/input/GlassFormStepper.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 146)

src/components/input/GlassFormStepper.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 146)

src/components/input/GlassFormStepper.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 146)

src/components/input/GlassFormStepper.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 146)

src/components/input/GlassFormStepper.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 146)

src/components/input/GlassFormStepper.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 146)

src/components/input/GlassFormStepper.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 146)

src/components/input/GlassFormStepper.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 146)

src/components/input/GlassFormStepper.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 146)

src/components/input/GlassFormStepper.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 146)

src/components/input/GlassFormStepper.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 146)

src/components/input/GlassFormStepper.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 146)

src/components/input/GlassFormStepper.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 146)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 61)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 63)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 80)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('flex items-center justify-center', config.spacing, className)}> (Line 173)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-col items-center group"> (Line 182)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-col items-center cursor-pointer" (Line 185)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 189)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={config.iconSize} /> (Line 196)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={config.iconSize} /> (Line 196)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn(config.iconSize, styles.icon)}> (Line 200)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('font-medium', config.fontSize.replace('text-', 'text-'), styles.icon)}> (Line 204)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={config.iconSize} /> (Line 196)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute -top-1 -right-1 w-2 h-2 bg-yellow-400 rounded-full" /> (Line 213)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-3 text-center max-w-24"> (Line 218)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 173)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 173)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 189)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('flex flex-col', config.spacing, className)}> (Line 254)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-start group"> (Line 262)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-start cursor-pointer" (Line 265)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 189)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={config.iconSize} /> (Line 196)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={config.iconSize} /> (Line 196)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn(config.iconSize, styles.icon)}> (Line 200)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('font-medium', config.fontSize.replace('text-', 'text-'), styles.icon)}> (Line 204)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={config.iconSize} /> (Line 196)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute -top-1 -right-1 w-2 h-2 bg-yellow-400 rounded-full" /> (Line 213)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 pt-1"> (Line 298)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 173)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 173)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-center py-2"> (Line 320)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 189)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full"> (Line 334)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 80)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('flex items-center gap-2', className)}> (Line 370)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center"> (Line 404)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 189)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={config.iconSize} /> (Line 196)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={config.iconSize} /> (Line 196)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={config.iconSize}>{step.icon} (Line 419)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('font-medium', config.fontSize)}> (Line 421)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('ml-2 font-medium', config.fontSize, 'text-white/80')}> (Line 428)

src/components/input/GlassFormStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('h-px w-8', styles.line)} /> (Line 435)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 61)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 63)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 80)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('flex items-center justify-center', config.spacing, className)}> (Line 173)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-col items-center group"> (Line 182)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-col items-center cursor-pointer" (Line 185)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 189)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={config.iconSize} /> (Line 196)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={config.iconSize} /> (Line 196)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn(config.iconSize, styles.icon)}> (Line 200)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('font-medium', config.fontSize.replace('text-', 'text-'), styles.icon)}> (Line 204)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={config.iconSize} /> (Line 196)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute -top-1 -right-1 w-2 h-2 bg-yellow-400 rounded-full" /> (Line 213)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-3 text-center max-w-24"> (Line 218)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 173)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 173)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 189)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('flex flex-col', config.spacing, className)}> (Line 254)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-start group"> (Line 262)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-start cursor-pointer" (Line 265)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 189)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={config.iconSize} /> (Line 196)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={config.iconSize} /> (Line 196)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn(config.iconSize, styles.icon)}> (Line 200)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('font-medium', config.fontSize.replace('text-', 'text-'), styles.icon)}> (Line 204)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={config.iconSize} /> (Line 196)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute -top-1 -right-1 w-2 h-2 bg-yellow-400 rounded-full" /> (Line 213)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 pt-1"> (Line 298)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 173)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 173)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-center py-2"> (Line 320)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 189)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full"> (Line 334)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 80)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('flex items-center gap-2', className)}> (Line 370)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center"> (Line 404)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 189)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={config.iconSize} /> (Line 196)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={config.iconSize} /> (Line 196)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={config.iconSize}>{step.icon} (Line 419)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('font-medium', config.fontSize)}> (Line 421)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('ml-2 font-medium', config.fontSize, 'text-white/80')}> (Line 428)

src/components/input/GlassFormStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('h-px w-8', styles.line)} /> (Line 435)

src/components/input/GlassFormTable.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 51)

src/components/input/GlassFormTable.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 51)

src/components/input/GlassFormTable.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 19)

src/components/input/GlassFormTable.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 17)

src/components/input/GlassFormTable.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 17)

src/components/input/GlassFormTable.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 17)

src/components/input/GlassFormTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="overflow-auto rounded-xl border border-white/305"> (Line 17)

src/components/input/GlassFormTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full text-sm"> (Line 18)

src/components/input/GlassFormTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="bg-white/25"> (Line 19)

src/components/input/GlassFormTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-left px-3 py-2 text-white/70">{c.header})} (Line 21)

src/components/input/GlassFormTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-2" /> (Line 22)

src/components/input/GlassFormTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="border-t border-white/300"> (Line 27)

src/components/input/GlassFormTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-2"> (Line 29)

src/components/input/GlassFormTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="bg-transparent border border-white/300 rounded px-2 py-1 w-full" value={(r as any)[c.key] ?? ''} onChange={(e)=>update(ri, c.key, e.target.value)} /> (Line 30)

src/components/input/GlassFormTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-2 text-right"> (Line 33)

src/components/input/GlassFormTable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2"> (Line 40)

src/components/input/GlassFormTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="overflow-auto rounded-xl border border-white/305"> (Line 17)

src/components/input/GlassFormTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full text-sm"> (Line 18)

src/components/input/GlassFormTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="bg-white/25"> (Line 19)

src/components/input/GlassFormTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-left px-3 py-2 text-white/70">{c.header})} (Line 21)

src/components/input/GlassFormTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-2" /> (Line 22)

src/components/input/GlassFormTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="border-t border-white/300"> (Line 27)

src/components/input/GlassFormTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-2"> (Line 29)

src/components/input/GlassFormTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="bg-transparent border border-white/300 rounded px-2 py-1 w-full" value={(r as any)[c.key] ?? ''} onChange={(e)=>update(ri, c.key, e.target.value)} /> (Line 30)

src/components/input/GlassFormTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-2 text-right"> (Line 33)

src/components/input/GlassFormTable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2"> (Line 40)

src/components/input/GlassInput.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-6 w-full max-w-md"> (Line 91)

src/components/input/GlassInput.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block text-sm font-medium text-white/90 mb-2">Default Input (Line 93)

src/components/input/GlassInput.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block text-sm font-medium text-white/90 mb-2">Filled Input (Line 97)

src/components/input/GlassInput.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block text-sm font-medium text-white/90 mb-2">Outlined Input (Line 101)

src/components/input/GlassInput.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block text-sm font-medium text-white/90 mb-2">Minimal Input (Line 105)

src/components/input/GlassInput.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4 w-full max-w-md"> (Line 117)

src/components/input/GlassInput.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block text-sm font-medium text-white/90 mb-2">Small (Line 119)

src/components/input/GlassInput.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block text-sm font-medium text-white/90 mb-2">Medium (Line 123)

src/components/input/GlassInput.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block text-sm font-medium text-white/90 mb-2">Large (Line 127)

src/components/input/GlassInput.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4 w-full max-w-md"> (Line 117)

src/components/input/GlassInput.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block text-sm font-medium text-white/90 mb-2">Default State (Line 141)

src/components/input/GlassInput.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block text-sm font-medium text-white/90 mb-2">Success State (Line 145)

src/components/input/GlassInput.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block text-sm font-medium text-white/90 mb-2">Warning State (Line 149)

src/components/input/GlassInput.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block text-sm font-medium text-white/90 mb-2">Error State (Line 153)

src/components/input/GlassInput.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4 w-full max-w-md"> (Line 117)

src/components/input/GlassInput.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block text-sm font-medium text-white/90 mb-2">With Clear Button (Line 169)

src/components/input/GlassInput.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block text-sm font-medium text-white/90 mb-2">Loading State (Line 173)

src/components/input/GlassInput.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block text-sm font-medium text-white/90 mb-2">Disabled State (Line 177)

src/components/input/GlassInput.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-6 w-full max-w-md"> (Line 91)

src/components/input/GlassInput.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block text-sm font-medium text-white/90 mb-2">Default Input (Line 93)

src/components/input/GlassInput.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block text-sm font-medium text-white/90 mb-2">Filled Input (Line 97)

src/components/input/GlassInput.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block text-sm font-medium text-white/90 mb-2">Outlined Input (Line 101)

src/components/input/GlassInput.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block text-sm font-medium text-white/90 mb-2">Minimal Input (Line 105)

src/components/input/GlassInput.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4 w-full max-w-md"> (Line 117)

src/components/input/GlassInput.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block text-sm font-medium text-white/90 mb-2">Small (Line 119)

src/components/input/GlassInput.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block text-sm font-medium text-white/90 mb-2">Medium (Line 123)

src/components/input/GlassInput.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block text-sm font-medium text-white/90 mb-2">Large (Line 127)

src/components/input/GlassInput.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4 w-full max-w-md"> (Line 117)

src/components/input/GlassInput.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block text-sm font-medium text-white/90 mb-2">Default State (Line 141)

src/components/input/GlassInput.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block text-sm font-medium text-white/90 mb-2">Success State (Line 145)

src/components/input/GlassInput.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block text-sm font-medium text-white/90 mb-2">Warning State (Line 149)

src/components/input/GlassInput.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block text-sm font-medium text-white/90 mb-2">Error State (Line 153)

src/components/input/GlassInput.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4 w-full max-w-md"> (Line 117)

src/components/input/GlassInput.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block text-sm font-medium text-white/90 mb-2">With Clear Button (Line 169)

src/components/input/GlassInput.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block text-sm font-medium text-white/90 mb-2">Loading State (Line 173)

src/components/input/GlassInput.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block text-sm font-medium text-white/90 mb-2">Disabled State (Line 177)

src/components/input/GlassInput.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 91)

src/components/input/GlassInput.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 92)

src/components/input/GlassInput.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 92)

src/components/input/GlassInput.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 92)

src/components/input/GlassInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 75)

src/components/input/GlassInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('relative', { 'w-full': fullWidth })}> (Line 124)

src/components/input/GlassInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 136)

src/components/input/GlassInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 75)

src/components/input/GlassInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('flex items-center justify-center mr-3 text-muted-foreground', iconSize?.[size])}> (Line 153)

src/components/input/GlassInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 136)

src/components/input/GlassInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 75)

src/components/input/GlassInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1"> (Line 197)

src/components/input/GlassInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', 'animate-spin rounded-full border-2 border-current border-t-transparent', iconSize?.[size]))} /> (Line 199)

src/components/input/GlassInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 124)

src/components/input/GlassInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('flex items-center justify-center text-muted-foreground', iconSize?.[size])}> (Line 216)

src/components/input/GlassInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 124)

src/components/input/GlassInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 75)

src/components/input/GlassInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('relative', { 'w-full': fullWidth })}> (Line 124)

src/components/input/GlassInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 136)

src/components/input/GlassInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 75)

src/components/input/GlassInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('flex items-center justify-center mr-3 text-muted-foreground', iconSize?.[size])}> (Line 153)

src/components/input/GlassInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 136)

src/components/input/GlassInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 75)

src/components/input/GlassInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1"> (Line 197)

src/components/input/GlassInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', 'animate-spin rounded-full border-2 border-current border-t-transparent', iconSize?.[size]))} /> (Line 199)

src/components/input/GlassInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 124)

src/components/input/GlassInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('flex items-center justify-center text-muted-foreground', iconSize?.[size])}> (Line 216)

src/components/input/GlassInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 124)

src/components/input/GlassLabel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/input/GlassLabel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/input/GlassLabel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 30)

src/components/input/GlassLabel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 text-center"> (Line 42)

src/components/input/GlassLabel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">GlassLabel (Line 43)

src/components/input/GlassLabel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">This is the default glasslabel component.

(Line 44)

src/components/input/GlassLabel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 52)

src/components/input/GlassLabel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/input/GlassLabel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/input/GlassLabel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 30)

src/components/input/GlassLabel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 text-center"> (Line 42)

src/components/input/GlassLabel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">GlassLabel (Line 43)

src/components/input/GlassLabel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">This is the default glasslabel component.

(Line 44)

src/components/input/GlassLabel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 52)

src/components/input/GlassLabel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 27)

src/components/input/GlassLabel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 52)

src/components/input/GlassLabel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 27)

src/components/input/GlassLabel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="shrink-0"> (Line 74)

src/components/input/GlassLabel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-red-400 ml-1" aria-label="required"> (Line 82)

src/components/input/GlassLabel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 27)

src/components/input/GlassLabel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 52)

src/components/input/GlassLabel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 27)

src/components/input/GlassLabel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="shrink-0"> (Line 74)

src/components/input/GlassLabel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-red-400 ml-1" aria-label="required"> (Line 82)

src/components/input/GlassMultiSelect.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 54)

src/components/input/GlassMultiSelect.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-2xl"> (Line 92)

src/components/input/GlassMultiSelect.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">Outlined (Line 94)

src/components/input/GlassMultiSelect.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">Filled (Line 98)

src/components/input/GlassMultiSelect.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">Standard (Line 102)

src/components/input/GlassMultiSelect.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4 max-w-md"> (Line 111)

src/components/input/GlassMultiSelect.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">Small (Line 113)

src/components/input/GlassMultiSelect.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">Medium (Line 117)

src/components/input/GlassMultiSelect.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">Large (Line 121)

src/components/input/GlassMultiSelect.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 54)

src/components/input/GlassMultiSelect.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-2xl"> (Line 92)

src/components/input/GlassMultiSelect.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">Outlined (Line 94)

src/components/input/GlassMultiSelect.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">Filled (Line 98)

src/components/input/GlassMultiSelect.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">Standard (Line 102)

src/components/input/GlassMultiSelect.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4 max-w-md"> (Line 111)

src/components/input/GlassMultiSelect.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">Small (Line 113)

src/components/input/GlassMultiSelect.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">Medium (Line 117)

src/components/input/GlassMultiSelect.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">Large (Line 121)

src/components/input/GlassMultiSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="galileo-multiselect-token-wrapper focus-visible:ring-2 focus-visible:ring-blue-500/50"> (Line 537)

src/components/input/GlassMultiSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="galileo-multiselect-token-wrapper focus-visible:ring-2 focus-visible:ring-blue-500/50"> (Line 537)

src/components/input/GlassMultiSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="galileo-multiselect-token focus-visible:ring-2 focus-visible:ring-blue-500/50" // Keep class for entrance animation targetting (Line 547)

src/components/input/GlassMultiSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="remove-button focus-visible:ring-2 focus-visible:ring-blue-500/50" (Line 559)

src/components/input/GlassMultiSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 598)

src/components/input/GlassMultiSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`glass-multi-select ${className || ''}`} (Line 1192)

src/components/input/GlassMultiSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="galileo-multiselect-token-wrapper focus-visible:ring-2 focus-visible:ring-blue-500/50"> (Line 537)

src/components/input/GlassMultiSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="galileo-multiselect-token-wrapper focus-visible:ring-2 focus-visible:ring-blue-500/50"> (Line 537)

src/components/input/GlassMultiSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="galileo-multiselect-token focus-visible:ring-2 focus-visible:ring-blue-500/50" // Keep class for entrance animation targetting (Line 547)

src/components/input/GlassMultiSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="remove-button focus-visible:ring-2 focus-visible:ring-blue-500/50" (Line 559)

src/components/input/GlassMultiSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 598)

src/components/input/GlassMultiSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`glass-multi-select ${className || ''}`} (Line 1192)

src/components/input/GlassMultiSelect.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.12) (Line 139)

src/components/input/GlassMultiSelect.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.03) (Line 141)

src/components/input/GlassMultiSelect.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.01) (Line 160)

src/components/input/GlassMultiSelect.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.12) (Line 139)

src/components/input/GlassMultiSelect.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.15) (Line 310)

src/components/input/GlassMultiSelect.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.08) (Line 313)

src/components/input/GlassMultiSelect.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.08) (Line 313)

src/components/input/GlassMultiSelect.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.05) (Line 394)

src/components/input/GlassMultiStepForm.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 34)

src/components/input/GlassMultiStepForm.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 34)

src/components/input/GlassMultiStepForm.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 34)

src/components/input/GlassMultiStepForm.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 34)

src/components/input/GlassMultiStepForm.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 34)

src/components/input/GlassMultiStepForm.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 34)

src/components/input/GlassMultiStepForm.stories.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 34)

src/components/input/GlassMultiStepForm.stories.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 34)

src/components/input/GlassMultiStepForm.stories.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 34)

src/components/input/GlassMultiStepForm.stories.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 34)

src/components/input/GlassMultiStepForm.stories.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 34)

src/components/input/GlassMultiStepForm.stories.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 34)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 22)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4"> (Line 31)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block text-sm font-medium text-white/80 mb-1">First Name (Line 33)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full px-3 py-2 bg-white/255 border border-white/300 rounded-lg text-white" /> (Line 34)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block text-sm font-medium text-white/80 mb-1">Last Name (Line 37)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full px-3 py-2 bg-white/255 border border-white/300 rounded-lg text-white" /> (Line 34)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4"> (Line 31)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block text-sm font-medium text-white/80 mb-1">Email (Line 46)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full px-3 py-2 bg-white/255 border border-white/300 rounded-lg text-white" /> (Line 34)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block text-sm font-medium text-white/80 mb-1">Phone (Line 50)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full px-3 py-2 bg-white/255 border border-white/300 rounded-lg text-white" /> (Line 34)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4"> (Line 31)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block text-sm font-medium text-white/80 mb-1">Name (Line 76)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full px-3 py-2 bg-white/255 border border-white/300 rounded-lg text-white" /> (Line 34)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4"> (Line 31)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block text-sm font-medium text-white/80 mb-1">Email (Line 46)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full px-3 py-2 bg-white/255 border border-white/300 rounded-lg text-white" /> (Line 34)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 93)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 22)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4"> (Line 31)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block text-sm font-medium text-white/80 mb-1">First Name (Line 33)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full px-3 py-2 bg-white/255 border border-white/300 rounded-lg text-white" /> (Line 34)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block text-sm font-medium text-white/80 mb-1">Last Name (Line 37)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full px-3 py-2 bg-white/255 border border-white/300 rounded-lg text-white" /> (Line 34)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4"> (Line 31)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block text-sm font-medium text-white/80 mb-1">Email (Line 46)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full px-3 py-2 bg-white/255 border border-white/300 rounded-lg text-white" /> (Line 34)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block text-sm font-medium text-white/80 mb-1">Phone (Line 50)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full px-3 py-2 bg-white/255 border border-white/300 rounded-lg text-white" /> (Line 34)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4"> (Line 31)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block text-sm font-medium text-white/80 mb-1">Name (Line 76)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full px-3 py-2 bg-white/255 border border-white/300 rounded-lg text-white" /> (Line 34)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4"> (Line 31)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block text-sm font-medium text-white/80 mb-1">Email (Line 46)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full px-3 py-2 bg-white/255 border border-white/300 rounded-lg text-white" /> (Line 34)

src/components/input/GlassMultiStepForm.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 93)

src/components/input/GlassMultiStepForm.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 311)

src/components/input/GlassMultiStepForm.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 311)

src/components/input/GlassMultiStepForm.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 311)

src/components/input/GlassMultiStepForm.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 341)

src/components/input/GlassMultiStepForm.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 341)

src/components/input/GlassMultiStepForm.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 341)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 92)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 94)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 141)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full max-w-4xl mx-auto"> (Line 284)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('overflow-hidden', className)} {...props}> (Line 285)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="pb-6"> (Line 287)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white text-2xl font-semibold text-center"> (Line 289)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 text-center mt-2">{description}

(Line 295)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-6"> (Line 300)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-between items-center mb-2"> (Line 301)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70"> (Line 302)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70"> (Line 302)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete w-full bg-white/255 rounded-full h-2 overflow-hidden"> (Line 311)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-full bg-gradient-to-r from-primary/60 to-primary rounded-full" (Line 314)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-between mt-4"> (Line 320)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 285)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 337)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5" /> (Line 345)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5">{step.icon} (Line 347)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium">{index + 1} (Line 349)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center mt-2"> (Line 353)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 285)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70 mt-1 max-w-20 truncate"> (Line 361)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="pt-0"> (Line 375)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="min-h-[400px]"> (Line 376)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 285)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mb-6"> (Line 393)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xl font-semibold text-white mb-2"> (Line 394)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70">{step.description}

(Line 398)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-4 p-3 bg-red-500/20 border border-red-500/30 rounded-lg"> (Line 411)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 412)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 text-red-400" /> (Line 413)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-red-300 text-sm"> (Line 414)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-between items-center mt-8 pt-6 border-t border-white/300"> (Line 429)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-3"> (Line 430)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2" (Line 412)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 438)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-3"> (Line 430)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2" (Line 412)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 438)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2 min-w-24" (Line 480)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 animate-spin" /> (Line 484)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 438)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete mt-6 p-4 bg-white/25 rounded-lg"> (Line 501)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium text-white mb-3">Form Summary (Line 502)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 503)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 509)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 412)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 text-green-400" /> (Line 512)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 rounded-full border-2 border-white/300" /> (Line 514)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 285)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 94)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 92)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('space-y-6', className)}> (Line 557)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mb-6"> (Line 393)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold text-white mb-2">{title} (Line 561)

src/components/input/GlassMultiStepForm.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70">{description}

(Line 564)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 92)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 94)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 141)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full max-w-4xl mx-auto"> (Line 284)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('overflow-hidden', className)} {...props}> (Line 285)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="pb-6"> (Line 287)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white text-2xl font-semibold text-center"> (Line 289)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 text-center mt-2">{description}

(Line 295)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-6"> (Line 300)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-between items-center mb-2"> (Line 301)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70"> (Line 302)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70"> (Line 302)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete w-full bg-white/255 rounded-full h-2 overflow-hidden"> (Line 311)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-full bg-gradient-to-r from-primary/60 to-primary rounded-full" (Line 314)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-between mt-4"> (Line 320)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 285)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 337)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5" /> (Line 345)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5">{step.icon} (Line 347)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium">{index + 1} (Line 349)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center mt-2"> (Line 353)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 285)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70 mt-1 max-w-20 truncate"> (Line 361)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="pt-0"> (Line 375)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="min-h-[400px]"> (Line 376)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 285)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mb-6"> (Line 393)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xl font-semibold text-white mb-2"> (Line 394)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70">{step.description}

(Line 398)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-4 p-3 bg-red-500/20 border border-red-500/30 rounded-lg"> (Line 411)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 412)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 text-red-400" /> (Line 413)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-red-300 text-sm"> (Line 414)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-between items-center mt-8 pt-6 border-t border-white/300"> (Line 429)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-3"> (Line 430)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2" (Line 412)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 438)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-3"> (Line 430)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2" (Line 412)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 438)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2 min-w-24" (Line 480)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 animate-spin" /> (Line 484)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 438)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete mt-6 p-4 bg-white/25 rounded-lg"> (Line 501)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium text-white mb-3">Form Summary (Line 502)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 503)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 509)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 412)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 text-green-400" /> (Line 512)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 rounded-full border-2 border-white/300" /> (Line 514)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 285)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 94)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 92)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('space-y-6', className)}> (Line 557)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mb-6"> (Line 393)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold text-white mb-2">{title} (Line 561)

src/components/input/GlassMultiStepForm.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70">{description}

(Line 564)

src/components/input/GlassRadioGroup.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/input/GlassRadioGroup.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/input/GlassRadioGroup.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 26)

src/components/input/GlassRadioGroup.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 47)

src/components/input/GlassRadioGroup.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/input/GlassRadioGroup.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/input/GlassRadioGroup.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 26)

src/components/input/GlassRadioGroup.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 47)

src/components/input/GlassRadioGroup.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 257)

src/components/input/GlassRadioGroup.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 257)

src/components/input/GlassRadioGroup.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 257)

src/components/input/GlassRadioGroup.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 257)

src/components/input/GlassRadioGroup.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 257)

src/components/input/GlassRadioGroup.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 257)

src/components/input/GlassRadioGroup.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 257)

src/components/input/GlassRadioGroup.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 257)

src/components/input/GlassRadioGroup.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 257)

src/components/input/GlassRadioGroup.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 256)

src/components/input/GlassRadioGroup.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 256)

src/components/input/GlassRadioGroup.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 256)

src/components/input/GlassRadioGroup.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 256)

src/components/input/GlassRadioGroup.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 256)

src/components/input/GlassRadioGroup.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 256)

src/components/input/GlassRadioGroup.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 256)

src/components/input/GlassRadioGroup.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 256)

src/components/input/GlassRadioGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 52)

src/components/input/GlassRadioGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 54)

src/components/input/GlassRadioGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 52)

src/components/input/GlassRadioGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 54)

src/components/input/GlassRadioGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 132)

src/components/input/GlassRadioGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 157)

src/components/input/GlassRadioGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 52)

src/components/input/GlassRadioGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 132)

src/components/input/GlassRadioGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 254)

src/components/input/GlassRadioGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 52)

src/components/input/GlassRadioGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="sr-only" (Line 279)

src/components/input/GlassRadioGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-start gap-3"> (Line 282)

src/components/input/GlassRadioGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 254)

src/components/input/GlassRadioGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-2 h-2 rounded-full bg-white" (Line 300)

src/components/input/GlassRadioGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-0"> (Line 306)

src/components/input/GlassRadioGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 307)

src/components/input/GlassRadioGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center text-white/70"> (Line 309)

src/components/input/GlassRadioGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 157)

src/components/input/GlassRadioGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 text-sm mt-1 leading-relaxed"> (Line 322)

src/components/input/GlassRadioGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 254)

src/components/input/GlassRadioGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 52)

src/components/input/GlassRadioGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="sr-only" (Line 279)

src/components/input/GlassRadioGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 254)

src/components/input/GlassRadioGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-2 h-2 rounded-full bg-white" (Line 300)

src/components/input/GlassRadioGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-0"> (Line 306)

src/components/input/GlassRadioGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 307)

src/components/input/GlassRadioGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center text-white/70"> (Line 309)

src/components/input/GlassRadioGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 157)

src/components/input/GlassRadioGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 text-sm mt-1"> (Line 404)

src/components/input/GlassRadioGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 52)

src/components/input/GlassRadioGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 54)

src/components/input/GlassRadioGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 52)

src/components/input/GlassRadioGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 54)

src/components/input/GlassRadioGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 132)

src/components/input/GlassRadioGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 157)

src/components/input/GlassRadioGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 52)

src/components/input/GlassRadioGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 132)

src/components/input/GlassRadioGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 254)

src/components/input/GlassRadioGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 52)

src/components/input/GlassRadioGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="sr-only" (Line 279)

src/components/input/GlassRadioGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-start gap-3"> (Line 282)

src/components/input/GlassRadioGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 254)

src/components/input/GlassRadioGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-2 h-2 rounded-full bg-white" (Line 300)

src/components/input/GlassRadioGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-0"> (Line 306)

src/components/input/GlassRadioGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 307)

src/components/input/GlassRadioGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center text-white/70"> (Line 309)

src/components/input/GlassRadioGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 157)

src/components/input/GlassRadioGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 text-sm mt-1 leading-relaxed"> (Line 322)

src/components/input/GlassRadioGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 254)

src/components/input/GlassRadioGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 52)

src/components/input/GlassRadioGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="sr-only" (Line 279)

src/components/input/GlassRadioGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 254)

src/components/input/GlassRadioGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-2 h-2 rounded-full bg-white" (Line 300)

src/components/input/GlassRadioGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-0"> (Line 306)

src/components/input/GlassRadioGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 307)

src/components/input/GlassRadioGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center text-white/70"> (Line 309)

src/components/input/GlassRadioGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 157)

src/components/input/GlassRadioGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 text-sm mt-1"> (Line 404)

src/components/input/GlassSelect.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/input/GlassSelect.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/input/GlassSelect.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 43)

src/components/input/GlassSelect.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 text-center"> (Line 58)

src/components/input/GlassSelect.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">GlassSelect (Line 59)

src/components/input/GlassSelect.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">This is the default glassselect component.

(Line 60)

src/components/input/GlassSelect.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 68)

src/components/input/GlassSelect.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/input/GlassSelect.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/input/GlassSelect.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 43)

src/components/input/GlassSelect.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 text-center"> (Line 58)

src/components/input/GlassSelect.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">GlassSelect (Line 59)

src/components/input/GlassSelect.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">This is the default glassselect component.

(Line 60)

src/components/input/GlassSelect.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 68)

src/components/input/GlassSelect.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 140)

src/components/input/GlassSelect.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 140)

src/components/input/GlassSelect.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 140)

src/components/input/GlassSelect.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 140)

src/components/input/GlassSelect.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 140)

src/components/input/GlassSelect.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 140)

src/components/input/GlassSelect.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 140)

src/components/input/GlassSelect.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 140)

src/components/input/GlassSelect.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 140)

src/components/input/GlassSelect.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 140)

src/components/input/GlassSelect.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 140)

src/components/input/GlassSelect.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 140)

src/components/input/GlassSelect.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 140)

src/components/input/GlassSelect.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 140)

src/components/input/GlassSelect.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 140)

src/components/input/GlassSelect.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 140)

src/components/input/GlassSelect.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 140)

src/components/input/GlassSelect.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 140)

src/components/input/GlassSelect.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 140)

src/components/input/GlassSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 115)

src/components/input/GlassSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('relative inline-block', { 'w-full': fullWidth })}> (Line 315)

src/components/input/GlassSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="sr-only" (Line 322)

src/components/input/GlassSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 315)

src/components/input/GlassSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 115)

src/components/input/GlassSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full flex items-center justify-between bg-white/25 hover:bg-white/255 border border-white/300 rounded-xl outline-none text-left text-white/90 hover:text-white" (Line 345)

src/components/input/GlassSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center flex-1 min-w-0"> (Line 353)

src/components/input/GlassSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('flex items-center justify-center mr-3 text-white/70', iconSize[size])}> (Line 355)

src/components/input/GlassSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 315)

src/components/input/GlassSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2 ml-2"> (Line 368)

src/components/input/GlassSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', 'animate-spin rounded-full border-2 border-current border-t-transparent', iconSize[size]))} /> (Line 370)

src/components/input/GlassSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 315)

src/components/input/GlassSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 370)

src/components/input/GlassSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 115)

src/components/input/GlassSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full flex items-center justify-between bg-transparent border-0 outline-none text-left text-white/90 hover:text-white" (Line 405)

src/components/input/GlassSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center flex-1 min-w-0"> (Line 353)

src/components/input/GlassSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('flex items-center justify-center mr-3 text-white/70', iconSize[size])}> (Line 355)

src/components/input/GlassSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 315)

src/components/input/GlassSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="ml-3 flex items-center"> (Line 428)

src/components/input/GlassSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 370)

src/components/input/GlassSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 315)

src/components/input/GlassSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="pointer-events-auto"> (Line 447)

src/components/input/GlassSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 370)

src/components/input/GlassSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2 border-b border-border/20"> (Line 470)

src/components/input/GlassSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 370)

src/components/input/GlassSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="max-h-48 overflow-y-auto" (Line 492)

src/components/input/GlassSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-2 text-xs font-medium text-white/70 bg-white/25 border-b border-white/300"> (Line 499)

src/components/input/GlassSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 370)

src/components/input/GlassSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 527)

src/components/input/GlassSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1">{option.label} (Line 529)

src/components/input/GlassSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="ml-2 text-primary">✓ (Line 533)

src/components/input/GlassSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-4 text-white/70 text-center text-sm"> (Line 543)

src/components/input/GlassSelect.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 315)

src/components/input/GlassSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 115)

src/components/input/GlassSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('relative inline-block', { 'w-full': fullWidth })}> (Line 315)

src/components/input/GlassSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="sr-only" (Line 322)

src/components/input/GlassSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 315)

src/components/input/GlassSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 115)

src/components/input/GlassSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full flex items-center justify-between bg-white/25 hover:bg-white/255 border border-white/300 rounded-xl outline-none text-left text-white/90 hover:text-white" (Line 345)

src/components/input/GlassSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center flex-1 min-w-0"> (Line 353)

src/components/input/GlassSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('flex items-center justify-center mr-3 text-white/70', iconSize[size])}> (Line 355)

src/components/input/GlassSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 315)

src/components/input/GlassSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2 ml-2"> (Line 368)

src/components/input/GlassSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', 'animate-spin rounded-full border-2 border-current border-t-transparent', iconSize[size]))} /> (Line 370)

src/components/input/GlassSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 315)

src/components/input/GlassSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 370)

src/components/input/GlassSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 115)

src/components/input/GlassSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full flex items-center justify-between bg-transparent border-0 outline-none text-left text-white/90 hover:text-white" (Line 405)

src/components/input/GlassSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center flex-1 min-w-0"> (Line 353)

src/components/input/GlassSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('flex items-center justify-center mr-3 text-white/70', iconSize[size])}> (Line 355)

src/components/input/GlassSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 315)

src/components/input/GlassSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="ml-3 flex items-center"> (Line 428)

src/components/input/GlassSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 370)

src/components/input/GlassSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 315)

src/components/input/GlassSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="pointer-events-auto"> (Line 447)

src/components/input/GlassSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 370)

src/components/input/GlassSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2 border-b border-border/20"> (Line 470)

src/components/input/GlassSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 370)

src/components/input/GlassSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="max-h-48 overflow-y-auto" (Line 492)

src/components/input/GlassSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-2 text-xs font-medium text-white/70 bg-white/25 border-b border-white/300"> (Line 499)

src/components/input/GlassSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 370)

src/components/input/GlassSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 527)

src/components/input/GlassSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1">{option.label} (Line 529)

src/components/input/GlassSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="ml-2 text-primary">✓ (Line 533)

src/components/input/GlassSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-4 text-white/70 text-center text-sm"> (Line 543)

src/components/input/GlassSelect.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 315)

src/components/input/GlassSelectCompound.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 32)

src/components/input/GlassSelectCompound.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 32)

src/components/input/GlassSelectCompound.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, children, size = 'md', variant = 'default', error = false, ...props }, ref) => { (Line 31)

src/components/input/GlassSelectCompound.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 60)

src/components/input/GlassSelectCompound.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 31)

src/components/input/GlassSelectCompound.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-4 w-4 opacity-50 transition-transform group-data-[state=open]:rotate-180" /> (Line 84)

src/components/input/GlassSelectCompound.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, children, position = "popper", variant = 'default', ...props }, ref) => ( (Line 100)

src/components/input/GlassSelectCompound.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 60)

src/components/input/GlassSelectCompound.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 31)

src/components/input/GlassSelectCompound.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 60)

src/components/input/GlassSelectCompound.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, children, variant = 'default', ...props }, ref) => { (Line 159)

src/components/input/GlassSelectCompound.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 60)

src/components/input/GlassSelectCompound.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 31)

src/components/input/GlassSelectCompound.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center"> (Line 187)

src/components/input/GlassSelectCompound.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-4 w-4" /> (Line 189)

src/components/input/GlassSelectCompound.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, ...props }, ref) => ( (Line 203)

src/components/input/GlassSelectCompound.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 60)

src/components/input/GlassSelectCompound.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 31)

src/components/input/GlassSelectCompound.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, ...props }, ref) => ( (Line 203)

src/components/input/GlassSelectCompound.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 60)

src/components/input/GlassSelectCompound.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 31)

src/components/input/GlassSelectCompound.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, ...props }, ref) => ( (Line 203)

src/components/input/GlassSelectCompound.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 60)

src/components/input/GlassSelectCompound.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 31)

src/components/input/GlassSelectCompound.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-4 w-4" /> (Line 189)

src/components/input/GlassSelectCompound.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, ...props }, ref) => ( (Line 203)

src/components/input/GlassSelectCompound.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 60)

src/components/input/GlassSelectCompound.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 31)

src/components/input/GlassSelectCompound.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-4 w-4" /> (Line 189)

src/components/input/GlassSelectCompound.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, children, size = 'md', variant = 'default', error = false, ...props }, ref) => { (Line 31)

src/components/input/GlassSelectCompound.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 60)

src/components/input/GlassSelectCompound.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 31)

src/components/input/GlassSelectCompound.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-4 w-4 opacity-50 transition-transform group-data-[state=open]:rotate-180" /> (Line 84)

src/components/input/GlassSelectCompound.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, children, position = "popper", variant = 'default', ...props }, ref) => ( (Line 100)

src/components/input/GlassSelectCompound.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 60)

src/components/input/GlassSelectCompound.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 31)

src/components/input/GlassSelectCompound.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 60)

src/components/input/GlassSelectCompound.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, children, variant = 'default', ...props }, ref) => { (Line 159)

src/components/input/GlassSelectCompound.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 60)

src/components/input/GlassSelectCompound.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 31)

src/components/input/GlassSelectCompound.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center"> (Line 187)

src/components/input/GlassSelectCompound.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-4 w-4" /> (Line 189)

src/components/input/GlassSelectCompound.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, ...props }, ref) => ( (Line 203)

src/components/input/GlassSelectCompound.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 60)

src/components/input/GlassSelectCompound.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 31)

src/components/input/GlassSelectCompound.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, ...props }, ref) => ( (Line 203)

src/components/input/GlassSelectCompound.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 60)

src/components/input/GlassSelectCompound.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 31)

src/components/input/GlassSelectCompound.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, ...props }, ref) => ( (Line 203)

src/components/input/GlassSelectCompound.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 60)

src/components/input/GlassSelectCompound.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 31)

src/components/input/GlassSelectCompound.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-4 w-4" /> (Line 189)

src/components/input/GlassSelectCompound.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, ...props }, ref) => ( (Line 203)

src/components/input/GlassSelectCompound.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 60)

src/components/input/GlassSelectCompound.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 31)

src/components/input/GlassSelectCompound.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-4 w-4" /> (Line 189)

src/components/input/GlassSlider.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/input/GlassSlider.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/input/GlassSlider.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 30)

src/components/input/GlassSlider.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 text-center"> (Line 42)

src/components/input/GlassSlider.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">GlassSlider (Line 43)

src/components/input/GlassSlider.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">This is the default glassslider component.

(Line 44)

src/components/input/GlassSlider.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 52)

src/components/input/GlassSlider.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/input/GlassSlider.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/input/GlassSlider.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 30)

src/components/input/GlassSlider.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 text-center"> (Line 42)

src/components/input/GlassSlider.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">GlassSlider (Line 43)

src/components/input/GlassSlider.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">This is the default glassslider component.

(Line 44)

src/components/input/GlassSlider.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 52)

src/components/input/GlassSlider.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 126)

src/components/input/GlassSlider.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 126)

src/components/input/GlassSlider.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 126)

src/components/input/GlassSlider.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 126)

src/components/input/GlassSlider.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 126)

src/components/input/GlassSlider.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 126)

src/components/input/GlassSlider.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 126)

src/components/input/GlassSlider.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 348)

src/components/input/GlassSlider.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 348)

src/components/input/GlassSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 77)

src/components/input/GlassSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 318)

src/components/input/GlassSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete absolute inset-0 rounded-full backdrop-blur-md bg-white/255 border border-white/300 shadow-[inset_0_1px_2px_rgba(255,255,255,0.35),inset_0_-1px_3px_rgba(0,0,0,0.25)]" /> (Line 348)

src/components/input/GlassSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 rounded-full bg-gradient-to-br from-white/15 to-transparent" /> (Line 349)

src/components/input/GlassSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 318)

src/components/input/GlassSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-slider-container', className)}> (Line 370)

src/components/input/GlassSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 318)

src/components/input/GlassSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 318)

src/components/input/GlassSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 318)

src/components/input/GlassSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0"> (Line 409)

src/components/input/GlassSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 318)

src/components/input/GlassSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 318)

src/components/input/GlassSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 glass-sheen" /> (Line 442)

src/components/input/GlassSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 rounded-full bg-gradient-to-r from-transparent via-white/5 to-transparent" /> (Line 446)

src/components/input/GlassSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 318)

src/components/input/GlassSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 318)

src/components/input/GlassSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 77)

src/components/input/GlassSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 318)

src/components/input/GlassSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete absolute inset-0 rounded-full backdrop-blur-md bg-white/255 border border-white/300 shadow-[inset_0_1px_2px_rgba(255,255,255,0.35),inset_0_-1px_3px_rgba(0,0,0,0.25)]" /> (Line 348)

src/components/input/GlassSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 rounded-full bg-gradient-to-br from-white/15 to-transparent" /> (Line 349)

src/components/input/GlassSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 318)

src/components/input/GlassSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-slider-container', className)}> (Line 370)

src/components/input/GlassSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 318)

src/components/input/GlassSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 318)

src/components/input/GlassSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 318)

src/components/input/GlassSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0"> (Line 409)

src/components/input/GlassSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 318)

src/components/input/GlassSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 318)

src/components/input/GlassSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 glass-sheen" /> (Line 442)

src/components/input/GlassSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 rounded-full bg-gradient-to-r from-transparent via-white/5 to-transparent" /> (Line 446)

src/components/input/GlassSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 318)

src/components/input/GlassSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 318)

src/components/input/GlassStep.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/input/GlassStep.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/input/GlassStep.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 22)

src/components/input/GlassStep.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 47)

src/components/input/GlassStep.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/input/GlassStep.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/input/GlassStep.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 22)

src/components/input/GlassStep.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 47)

src/components/input/GlassStepIcon.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 32)

src/components/input/GlassStepIcon.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 32)

src/components/input/GlassStepLabel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 55)

src/components/input/GlassStepLabel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 55)

src/components/input/GlassSwitch.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/input/GlassSwitch.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/input/GlassSwitch.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 30)

src/components/input/GlassSwitch.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 text-center"> (Line 42)

src/components/input/GlassSwitch.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">GlassSwitch (Line 43)

src/components/input/GlassSwitch.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">This is the default glassswitch component.

(Line 44)

src/components/input/GlassSwitch.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 52)

src/components/input/GlassSwitch.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/input/GlassSwitch.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/input/GlassSwitch.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 30)

src/components/input/GlassSwitch.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 text-center"> (Line 42)

src/components/input/GlassSwitch.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">GlassSwitch (Line 43)

src/components/input/GlassSwitch.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">This is the default glassswitch component.

(Line 44)

src/components/input/GlassSwitch.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 52)

src/components/input/GlassSwitch.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 113)

src/components/input/GlassSwitch.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 113)

src/components/input/GlassSwitch.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 113)

src/components/input/GlassSwitch.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 113)

src/components/input/GlassSwitch.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 113)

src/components/input/GlassSwitch.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 113)

src/components/input/GlassSwitch.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 113)

src/components/input/GlassSwitch.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 113)

src/components/input/GlassSwitch.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 113)

src/components/input/GlassSwitch.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 113)

src/components/input/GlassSwitch.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 113)

src/components/input/GlassSwitch.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 113)

src/components/input/GlassSwitch.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 113)

src/components/input/GlassSwitch.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 113)

src/components/input/GlassSwitch.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 113)

src/components/input/GlassSwitch.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 113)

src/components/input/GlassSwitch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 60)

src/components/input/GlassSwitch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 175)

src/components/input/GlassSwitch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 60)

src/components/input/GlassSwitch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="pointer-events-none absolute inset-0 rounded-full glass-sheen" /> (Line 204)

src/components/input/GlassSwitch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 175)

src/components/input/GlassSwitch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 175)

src/components/input/GlassSwitch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 175)

src/components/input/GlassSwitch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center"> (Line 246)

src/components/input/GlassSwitch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 rounded-full bg-gradient-to-br from-white/20 to-transparent" /> (Line 252)

src/components/input/GlassSwitch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 175)

src/components/input/GlassSwitch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 175)

src/components/input/GlassSwitch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={containerClass}> (Line 301)

src/components/input/GlassSwitch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center"> (Line 303)

src/components/input/GlassSwitch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-1"> (Line 310)

src/components/input/GlassSwitch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 60)

src/components/input/GlassSwitch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 175)

src/components/input/GlassSwitch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 60)

src/components/input/GlassSwitch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="pointer-events-none absolute inset-0 rounded-full glass-sheen" /> (Line 204)

src/components/input/GlassSwitch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 175)

src/components/input/GlassSwitch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 175)

src/components/input/GlassSwitch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 175)

src/components/input/GlassSwitch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center"> (Line 246)

src/components/input/GlassSwitch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 rounded-full bg-gradient-to-br from-white/20 to-transparent" /> (Line 252)

src/components/input/GlassSwitch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 175)

src/components/input/GlassSwitch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 175)

src/components/input/GlassSwitch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={containerClass}> (Line 301)

src/components/input/GlassSwitch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center"> (Line 303)

src/components/input/GlassSwitch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-1"> (Line 310)

src/components/input/GlassTextarea.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/input/GlassTextarea.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/input/GlassTextarea.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 30)

src/components/input/GlassTextarea.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 text-center"> (Line 42)

src/components/input/GlassTextarea.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">GlassTextarea (Line 43)

src/components/input/GlassTextarea.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">This is the default glasstextarea component.

(Line 44)

src/components/input/GlassTextarea.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 52)

src/components/input/GlassTextarea.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/input/GlassTextarea.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/input/GlassTextarea.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 30)

src/components/input/GlassTextarea.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 text-center"> (Line 42)

src/components/input/GlassTextarea.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">GlassTextarea (Line 43)

src/components/input/GlassTextarea.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">This is the default glasstextarea component.

(Line 44)

src/components/input/GlassTextarea.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 52)

src/components/input/GlassTextarea.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 91)

src/components/input/GlassTextarea.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 91)

src/components/input/GlassTextarea.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 91)

src/components/input/GlassTextarea.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 91)

src/components/input/GlassTextarea.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 91)

src/components/input/GlassTextarea.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 91)

src/components/input/GlassTextarea.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 56)

src/components/input/GlassTextarea.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-textarea-wrapper', fullWidth && 'w-full')}> (Line 142)

src/components/input/GlassTextarea.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 142)

src/components/input/GlassTextarea.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-red-400 ml-1" aria-label="required">* (Line 155)

src/components/input/GlassTextarea.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative"> (Line 161)

src/components/input/GlassTextarea.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 174)

src/components/input/GlassTextarea.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 56)

src/components/input/GlassTextarea.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 142)

src/components/input/GlassTextarea.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute top-3 right-3 text-red-400"> (Line 219)

src/components/input/GlassTextarea.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-5 w-5" /> (Line 220)

src/components/input/GlassTextarea.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 142)

src/components/input/GlassTextarea.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 142)

src/components/input/GlassTextarea.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-2 text-xs text-red-400 flex items-center gap-1" (Line 253)

src/components/input/GlassTextarea.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-3 w-3" /> (Line 255)

src/components/input/GlassTextarea.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 56)

src/components/input/GlassTextarea.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-textarea-wrapper', fullWidth && 'w-full')}> (Line 142)

src/components/input/GlassTextarea.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 142)

src/components/input/GlassTextarea.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-red-400 ml-1" aria-label="required">* (Line 155)

src/components/input/GlassTextarea.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative"> (Line 161)

src/components/input/GlassTextarea.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 174)

src/components/input/GlassTextarea.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 56)

src/components/input/GlassTextarea.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 142)

src/components/input/GlassTextarea.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute top-3 right-3 text-red-400"> (Line 219)

src/components/input/GlassTextarea.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-5 w-5" /> (Line 220)

src/components/input/GlassTextarea.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 142)

src/components/input/GlassTextarea.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 142)

src/components/input/GlassTextarea.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-2 text-xs text-red-400 flex items-center gap-1" (Line 253)

src/components/input/GlassTextarea.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-3 w-3" /> (Line 255)

src/components/input/GlassToggle.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/input/GlassToggle.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/input/GlassToggle.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 30)

src/components/input/GlassToggle.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 text-center"> (Line 42)

src/components/input/GlassToggle.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">GlassToggle (Line 43)

src/components/input/GlassToggle.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">This is the default glasstoggle component.

(Line 44)

src/components/input/GlassToggle.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 52)

src/components/input/GlassToggle.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/input/GlassToggle.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/input/GlassToggle.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 30)

src/components/input/GlassToggle.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 text-center"> (Line 42)

src/components/input/GlassToggle.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">GlassToggle (Line 43)

src/components/input/GlassToggle.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">This is the default glasstoggle component.

(Line 44)

src/components/input/GlassToggle.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 52)

src/components/input/GlassToggle.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 200)

src/components/input/GlassToggle.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 200)

src/components/input/GlassToggle.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 200)

src/components/input/GlassToggle.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 200)

src/components/input/GlassToggle.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 200)

src/components/input/GlassToggle.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 200)

src/components/input/GlassToggle.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 200)

src/components/input/GlassToggle.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 200)

src/components/input/GlassToggle.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 200)

src/components/input/GlassToggle.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 200)

src/components/input/GlassToggle.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 193)

src/components/input/GlassToggle.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 193)

src/components/input/GlassToggle.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 193)

src/components/input/GlassToggle.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 193)

src/components/input/GlassToggle.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 193)

src/components/input/GlassToggle.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 193)

src/components/input/GlassToggle.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 46)

src/components/input/GlassToggle.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 48)

src/components/input/GlassToggle.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 46)

src/components/input/GlassToggle.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 48)

src/components/input/GlassToggle.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 139)

src/components/input/GlassToggle.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="inline-block" (Line 243)

src/components/input/GlassToggle.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 258)

src/components/input/GlassToggle.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 46)

src/components/input/GlassToggle.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center"> (Line 274)

src/components/input/GlassToggle.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center"> (Line 274)

src/components/input/GlassToggle.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center"> (Line 274)

src/components/input/GlassToggle.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete absolute inset-0 bg-white/255 rounded-lg animate-pulse" /> (Line 293)

src/components/input/GlassToggle.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 139)

src/components/input/GlassToggle.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 258)

src/components/input/GlassToggle.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 46)

src/components/input/GlassToggle.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 46)

src/components/input/GlassToggle.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 48)

src/components/input/GlassToggle.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 46)

src/components/input/GlassToggle.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 48)

src/components/input/GlassToggle.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 139)

src/components/input/GlassToggle.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="inline-block" (Line 243)

src/components/input/GlassToggle.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 258)

src/components/input/GlassToggle.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 46)

src/components/input/GlassToggle.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center"> (Line 274)

src/components/input/GlassToggle.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center"> (Line 274)

src/components/input/GlassToggle.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center"> (Line 274)

src/components/input/GlassToggle.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete absolute inset-0 bg-white/255 rounded-lg animate-pulse" /> (Line 293)

src/components/input/GlassToggle.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 139)

src/components/input/GlassToggle.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 258)

src/components/input/GlassToggle.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 46)

src/components/input/GlassWizard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/input/GlassWizard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/input/GlassWizard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 22)

src/components/input/GlassWizard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 42)

src/components/input/GlassWizard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/input/GlassWizard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/input/GlassWizard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 22)

src/components/input/GlassWizard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 42)

src/components/input/GlassWizard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 332)

src/components/input/GlassWizard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 332)

src/components/input/GlassWizard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 332)

src/components/input/GlassWizard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 332)

src/components/input/GlassWizard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 332)

src/components/input/GlassWizard.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 287)

src/components/input/GlassWizard.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 287)

src/components/input/GlassWizard.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 287)

src/components/input/GlassWizard.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 287)

src/components/input/GlassWizard.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 287)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 84)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 86)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 139)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full max-w-4xl mx-auto"> (Line 284)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('overflow-hidden', className)} {...props}> (Line 285)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="border-b border-white/300"> (Line 287)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 288)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xl font-semibold text-white mb-1"> (Line 291)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70">{description}

(Line 296)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-3"> (Line 301)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70"> (Line 296)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-24"> (Line 305)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2 mt-6 overflow-x-auto pb-2"> (Line 314)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 326)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center w-6 h-6 rounded-full text-xs"> (Line 338)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 340)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3 animate-spin" /> (Line 342)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="hidden sm:inline">{step.title} (Line 347)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6"> (Line 356)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="min-h-[300px]" (Line 360)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-start gap-4 mb-6"> (Line 363)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete flex items-center justify-center w-12 h-12 rounded-lg bg-white/255"> (Line 365)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1"> (Line 370)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold text-white mb-1"> (Line 371)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70"> (Line 296)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2 text-red-400"> (Line 383)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 384)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm">{stepErrors[currentStep]} (Line 385)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1"> (Line 370)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="border-t border-white/300 p-6"> (Line 398)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 288)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-3"> (Line 400)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2" (Line 406)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 384)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-3"> (Line 400)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2" (Line 406)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 animate-spin" /> (Line 440)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 384)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 384)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 86)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 84)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('space-y-4', className)}> (Line 470)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 86)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 84)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('flex items-center justify-center gap-4', className)}> (Line 491)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-4"> (Line 498)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-col items-center"> (Line 499)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 326)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5" /> (Line 512)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium">{index + 1} (Line 514)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 285)

src/components/input/GlassWizard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 326)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 84)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 86)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 139)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full max-w-4xl mx-auto"> (Line 284)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('overflow-hidden', className)} {...props}> (Line 285)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="border-b border-white/300"> (Line 287)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 288)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xl font-semibold text-white mb-1"> (Line 291)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70">{description}

(Line 296)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-3"> (Line 301)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70"> (Line 296)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-24"> (Line 305)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2 mt-6 overflow-x-auto pb-2"> (Line 314)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 326)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center w-6 h-6 rounded-full text-xs"> (Line 338)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 340)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3 animate-spin" /> (Line 342)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="hidden sm:inline">{step.title} (Line 347)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6"> (Line 356)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="min-h-[300px]" (Line 360)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-start gap-4 mb-6"> (Line 363)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete flex items-center justify-center w-12 h-12 rounded-lg bg-white/255"> (Line 365)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1"> (Line 370)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold text-white mb-1"> (Line 371)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70"> (Line 296)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2 text-red-400"> (Line 383)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 384)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm">{stepErrors[currentStep]} (Line 385)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1"> (Line 370)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="border-t border-white/300 p-6"> (Line 398)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 288)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-3"> (Line 400)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2" (Line 406)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 384)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-3"> (Line 400)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2" (Line 406)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 animate-spin" /> (Line 440)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 384)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 384)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 86)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 84)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('space-y-4', className)}> (Line 470)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 86)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 84)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('flex items-center justify-center gap-4', className)}> (Line 491)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-4"> (Line 498)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-col items-center"> (Line 499)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 326)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5" /> (Line 512)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium">{index + 1} (Line 514)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 285)

src/components/input/GlassWizard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 326)

src/components/interactive/ContextAwareGlass.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/interactive/ContextAwareGlass.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/interactive/ContextAwareGlass.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/interactive/ContextAwareGlass.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/interactive/ContextAwareGlass.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/interactive/ContextAwareGlass.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/interactive/ContextAwareGlass.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/interactive/ContextAwareGlass.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/interactive/ContextAwareGlass.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 129)

src/components/interactive/ContextAwareGlass.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 259)

src/components/interactive/ContextAwareGlass.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 663)

src/components/interactive/ContextAwareGlass.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 129)

src/components/interactive/ContextAwareGlass.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 259)

src/components/interactive/ContextAwareGlass.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 663)

src/components/interactive/CursorGlow.stories.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255,255,255,0.06) (Line 40)

src/components/interactive/CursorGlow.stories.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255,255,255,0.15) (Line 42)

src/components/interactive/GlassA11yAuditor.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/interactive/GlassA11yAuditor.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/interactive/GlassA11yAuditor.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/interactive/GlassA11yAuditor.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/interactive/GlassA11yAuditor.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/interactive/GlassA11yAuditor.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/interactive/GlassA11yAuditor.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/interactive/GlassA11yAuditor.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/interactive/GlassA11yAuditor.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 368)

src/components/interactive/GlassA11yAuditor.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 368)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className */ (Line 37)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 38)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className = '', (Line 63)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`flex flex-col h-full ${className}`}> (Line 303)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 mb-4" (Line 306)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between mb-4"> (Line 310)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold text-white">Accessibility Audit (Line 311)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-4 py-2 bg-blue-500/20 text-blue-300 rounded hover:bg-blue-500/30 disabled:opacity-50 disabled:cursor-not-allowed transition-colors" (Line 315)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-2 md:grid-cols-4 gap-4"> (Line 323)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 324)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`text-2xl font-bold ${getScoreColor(auditResult.score)}`}> (Line 325)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70">Score

(Line 328)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 324)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-2xl font-bold text-red-400"> (Line 331)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70">Errors

(Line 334)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 324)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-2xl font-bold text-yellow-400"> (Line 337)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70">Warnings

(Line 340)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 324)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-2xl font-bold text-blue-400"> (Line 343)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70">Info

(Line 346)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-1 gap-4"> (Line 352)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 p-4" (Line 355)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between mb-4"> (Line 310)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-md font-semibold text-white">Issues (Line 360)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-2"> (Line 361)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`px-3 py-1 text-xs rounded capitalize transition-colors ${ (Line 366)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2 max-h-96 overflow-y-auto"> (Line 378)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`w-full text-left p-3 rounded border transition-colors ${ (Line 383)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-start justify-between"> (Line 387)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1"> (Line 388)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2 mb-1"> (Line 389)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium">{issue.rule} (Line 390)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs opacity-70">WCAG {issue.wcag} (Line 391)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-90">{issue.message}

(Line 393)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs opacity-70 bg-black/20 px-1 py-0.5 rounded mt-1 inline-block"> (Line 395)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center py-8 text-white/70"> (Line 405)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-80 p-4" (Line 415)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-md font-semibold text-white mb-4">Issue Details (Line 419)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4"> (Line 421)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block text-sm text-white/70 mb-1">Rule (Line 423)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium text-white">{selectedIssue.rule}

(Line 424)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block text-sm text-white/70 mb-1">Type (Line 428)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`px-2 py-1 text-xs rounded capitalize ${getIssueTypeColor(selectedIssue.type)}`}> (Line 429)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block text-sm text-white/70 mb-1">WCAG Guideline (Line 435)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white">{selectedIssue.wcag}

(Line 436)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block text-sm text-white/70 mb-1">Message (Line 440)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white">{selectedIssue.message}

(Line 441)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block text-sm text-white/70 mb-1">Suggestion (Line 446)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-green-300">{selectedIssue.suggestion}

(Line 447)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block text-sm text-white/70 mb-1">Element Code (Line 453)

src/components/interactive/GlassA11yAuditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs bg-black/20 p-2 rounded overflow-x-auto"> (Line 454)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className */ (Line 37)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 38)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className = '', (Line 63)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`flex flex-col h-full ${className}`}> (Line 303)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 mb-4" (Line 306)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between mb-4"> (Line 310)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold text-white">Accessibility Audit (Line 311)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-4 py-2 bg-blue-500/20 text-blue-300 rounded hover:bg-blue-500/30 disabled:opacity-50 disabled:cursor-not-allowed transition-colors" (Line 315)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-2 md:grid-cols-4 gap-4"> (Line 323)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 324)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`text-2xl font-bold ${getScoreColor(auditResult.score)}`}> (Line 325)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70">Score

(Line 328)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 324)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-2xl font-bold text-red-400"> (Line 331)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70">Errors

(Line 334)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 324)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-2xl font-bold text-yellow-400"> (Line 337)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70">Warnings

(Line 340)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 324)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-2xl font-bold text-blue-400"> (Line 343)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70">Info

(Line 346)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-1 gap-4"> (Line 352)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 p-4" (Line 355)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between mb-4"> (Line 310)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-md font-semibold text-white">Issues (Line 360)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-2"> (Line 361)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`px-3 py-1 text-xs rounded capitalize transition-colors ${ (Line 366)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2 max-h-96 overflow-y-auto"> (Line 378)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`w-full text-left p-3 rounded border transition-colors ${ (Line 383)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-start justify-between"> (Line 387)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1"> (Line 388)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2 mb-1"> (Line 389)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium">{issue.rule} (Line 390)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs opacity-70">WCAG {issue.wcag} (Line 391)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-90">{issue.message}

(Line 393)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs opacity-70 bg-black/20 px-1 py-0.5 rounded mt-1 inline-block"> (Line 395)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center py-8 text-white/70"> (Line 405)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-80 p-4" (Line 415)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-md font-semibold text-white mb-4">Issue Details (Line 419)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4"> (Line 421)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block text-sm text-white/70 mb-1">Rule (Line 423)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium text-white">{selectedIssue.rule}

(Line 424)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block text-sm text-white/70 mb-1">Type (Line 428)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`px-2 py-1 text-xs rounded capitalize ${getIssueTypeColor(selectedIssue.type)}`}> (Line 429)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block text-sm text-white/70 mb-1">WCAG Guideline (Line 435)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white">{selectedIssue.wcag}

(Line 436)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block text-sm text-white/70 mb-1">Message (Line 440)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white">{selectedIssue.message}

(Line 441)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block text-sm text-white/70 mb-1">Suggestion (Line 446)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-green-300">{selectedIssue.suggestion}

(Line 447)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block text-sm text-white/70 mb-1">Element Code (Line 453)

src/components/interactive/GlassA11yAuditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs bg-black/20 p-2 rounded overflow-x-auto"> (Line 454)

src/components/interactive/GlassAdvancedSearch.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/interactive/GlassAdvancedSearch.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/interactive/GlassAdvancedSearch.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 22)

src/components/interactive/GlassAdvancedSearch.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 59)

src/components/interactive/GlassAdvancedSearch.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/interactive/GlassAdvancedSearch.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/interactive/GlassAdvancedSearch.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 22)

src/components/interactive/GlassAdvancedSearch.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 59)

src/components/interactive/GlassAdvancedSearch.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 315)

src/components/interactive/GlassAdvancedSearch.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 315)

src/components/interactive/GlassAdvancedSearch.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 315)

src/components/interactive/GlassAdvancedSearch.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 315)

src/components/interactive/GlassAdvancedSearch.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 315)

src/components/interactive/GlassAdvancedSearch.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 315)

src/components/interactive/GlassAdvancedSearch.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 315)

src/components/interactive/GlassAdvancedSearch.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 315)

src/components/interactive/GlassAdvancedSearch.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 337)

src/components/interactive/GlassAdvancedSearch.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 337)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 114)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 116)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 137)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" />; (Line 239)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" />; (Line 239)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" />; (Line 239)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" />; (Line 239)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" />; (Line 239)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" />; (Line 239)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" />; (Line 239)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" />; (Line 239)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full"> (Line 265)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('overflow-hidden', className)} {...props}> (Line 266)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="pb-3"> (Line 267)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 268)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white text-lg font-semibold flex items-center gap-2"> (Line 269)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5" /> (Line 270)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 274)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 281)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 239)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2 relative" (Line 291)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 239)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute -top-1 -right-1 w-5 h-5 bg-primary text-white text-xs rounded-full flex items-center justify-center"> (Line 295)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="pt-0 space-y-4"> (Line 304)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative"> (Line 306)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative"> (Line 306)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute left-3 top-1/2 transform -translate-y-1/2 text-white/70 w-4 h-4" /> (Line 308)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full pl-10 pr-4 py-3 bg-white/255 ring-1 ring-white/10 rounded-lg text-white placeholder-white/50 focus:outline-none focus:ring-white/30" (Line 315)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute right-2 top-1/2 transform -translate-y-1/2 p-1" (Line 325)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 239)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute top-full left-0 right-0 mt-2 z-10"> (Line 334)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="bg-black/80 backdrop-blur-xl border border-white/300 rounded-lg shadow-xl max-h-64 overflow-y-auto" (Line 337)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full text-left px-4 py-3 hover:bg-white/255 transition-colors flex items-center gap-3 first:rounded-t-lg last:rounded-b-lg" (Line 343)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70">{suggestion.icon} (Line 346)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1"> (Line 348)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white">{suggestion.text} (Line 349)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 text-sm ml-2"> (Line 351)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 text-sm"> (Line 357)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-2"> (Line 370)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2" (Line 274)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm"> (Line 383)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-0 h-auto" (Line 390)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 392)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm" (Line 383)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4 p-4 bg-white/25 rounded-lg"> (Line 411)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"> (Line 412)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 414)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/80 text-sm font-medium"> (Line 415)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full px-3 py-2 bg-white/255 ring-1 ring-white/10 rounded text-white placeholder-white/50 focus:outline-none focus:ring-white/30" (Line 425)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full px-3 py-2 bg-white/255 ring-1 ring-white/10 rounded text-white focus:outline-none focus:ring-white/30" (Line 433)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full px-3 py-2 bg-white/255 ring-1 ring-white/10 rounded text-white focus:outline-none focus:ring-white/30" (Line 433)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 414)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/80 text-sm font-medium flex items-center gap-2"> (Line 461)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 239)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-2"> (Line 370)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm" (Line 383)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 268)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-4"> (Line 487)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/80 text-sm"> (Line 489)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 274)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/80 text-sm">Sort: (Line 495)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="bg-white/255 ring-1 ring-white/10 rounded px-2 py-1 text-sm text-white focus:outline-none" (Line 499)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-1" (Line 510)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> : } (Line 512)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 274)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 281)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 239)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 281)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 239)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-3"> (Line 541)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center py-12"> (Line 543)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="animate-spin rounded-full h-8 w-8 border-2 border-white/300 border-t-white/60">

(Line 544)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center py-12"> (Line 547)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-12 h-12 text-white/70 mx-auto mb-4" /> (Line 548)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70">No results found for "{query}"

(Line 549)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 266)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 561)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-3"> (Line 567)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0"> (Line 570)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-12 h-12 rounded object-cover" (Line 574)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-0"> (Line 580)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-start justify-between gap-2"> (Line 581)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1"> (Line 348)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white font-medium truncate"> (Line 583)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 text-sm mt-1 line-clamp-2"> (Line 587)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-3 mt-2 text-xs text-white/70"> (Line 593)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1"> (Line 594)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="capitalize">{result.type} (Line 596)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1"> (Line 594)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 392)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1"> (Line 594)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-1" (Line 510)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 392)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-1" (Line 510)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 392)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 114)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 116)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 137)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" />; (Line 239)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" />; (Line 239)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" />; (Line 239)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" />; (Line 239)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" />; (Line 239)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" />; (Line 239)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" />; (Line 239)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" />; (Line 239)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full"> (Line 265)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('overflow-hidden', className)} {...props}> (Line 266)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="pb-3"> (Line 267)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 268)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white text-lg font-semibold flex items-center gap-2"> (Line 269)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5" /> (Line 270)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 274)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 281)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 239)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2 relative" (Line 291)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 239)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute -top-1 -right-1 w-5 h-5 bg-primary text-white text-xs rounded-full flex items-center justify-center"> (Line 295)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="pt-0 space-y-4"> (Line 304)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative"> (Line 306)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative"> (Line 306)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute left-3 top-1/2 transform -translate-y-1/2 text-white/70 w-4 h-4" /> (Line 308)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full pl-10 pr-4 py-3 bg-white/255 ring-1 ring-white/10 rounded-lg text-white placeholder-white/50 focus:outline-none focus:ring-white/30" (Line 315)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute right-2 top-1/2 transform -translate-y-1/2 p-1" (Line 325)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 239)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute top-full left-0 right-0 mt-2 z-10"> (Line 334)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="bg-black/80 backdrop-blur-xl border border-white/300 rounded-lg shadow-xl max-h-64 overflow-y-auto" (Line 337)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full text-left px-4 py-3 hover:bg-white/255 transition-colors flex items-center gap-3 first:rounded-t-lg last:rounded-b-lg" (Line 343)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70">{suggestion.icon} (Line 346)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1"> (Line 348)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white">{suggestion.text} (Line 349)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 text-sm ml-2"> (Line 351)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 text-sm"> (Line 357)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-2"> (Line 370)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2" (Line 274)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm"> (Line 383)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-0 h-auto" (Line 390)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 392)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm" (Line 383)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4 p-4 bg-white/25 rounded-lg"> (Line 411)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"> (Line 412)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 414)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/80 text-sm font-medium"> (Line 415)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full px-3 py-2 bg-white/255 ring-1 ring-white/10 rounded text-white placeholder-white/50 focus:outline-none focus:ring-white/30" (Line 425)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full px-3 py-2 bg-white/255 ring-1 ring-white/10 rounded text-white focus:outline-none focus:ring-white/30" (Line 433)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full px-3 py-2 bg-white/255 ring-1 ring-white/10 rounded text-white focus:outline-none focus:ring-white/30" (Line 433)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 414)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/80 text-sm font-medium flex items-center gap-2"> (Line 461)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 239)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-2"> (Line 370)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm" (Line 383)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 268)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-4"> (Line 487)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/80 text-sm"> (Line 489)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 274)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/80 text-sm">Sort: (Line 495)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="bg-white/255 ring-1 ring-white/10 rounded px-2 py-1 text-sm text-white focus:outline-none" (Line 499)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-1" (Line 510)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> : } (Line 512)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 274)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 281)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 239)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 281)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 239)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-3"> (Line 541)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center py-12"> (Line 543)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="animate-spin rounded-full h-8 w-8 border-2 border-white/300 border-t-white/60">

(Line 544)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center py-12"> (Line 547)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-12 h-12 text-white/70 mx-auto mb-4" /> (Line 548)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70">No results found for "{query}"

(Line 549)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 266)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 561)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-3"> (Line 567)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0"> (Line 570)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-12 h-12 rounded object-cover" (Line 574)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-0"> (Line 580)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-start justify-between gap-2"> (Line 581)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1"> (Line 348)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white font-medium truncate"> (Line 583)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 text-sm mt-1 line-clamp-2"> (Line 587)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-3 mt-2 text-xs text-white/70"> (Line 593)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1"> (Line 594)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="capitalize">{result.type} (Line 596)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1"> (Line 594)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 392)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1"> (Line 594)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-1" (Line 510)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 392)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-1" (Line 510)

src/components/interactive/GlassAdvancedSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 392)

src/components/interactive/GlassAvatarGroup.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/interactive/GlassAvatarGroup.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/interactive/GlassAvatarGroup.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 22)

src/components/interactive/GlassAvatarGroup.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 46)

src/components/interactive/GlassAvatarGroup.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/interactive/GlassAvatarGroup.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/interactive/GlassAvatarGroup.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 22)

src/components/interactive/GlassAvatarGroup.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 46)

src/components/interactive/GlassAvatarGroup.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 21)

src/components/interactive/GlassAvatarGroup.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 21)

src/components/interactive/GlassAvatarGroup.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 19)

src/components/interactive/GlassAvatarGroup.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 19)

src/components/interactive/GlassAvatarGroup.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 19)

src/components/interactive/GlassAvatarGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string } (Line 7)

src/components/interactive/GlassAvatarGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className }: GlassAvatarGroupProps) { (Line 9)

src/components/interactive/GlassAvatarGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('flex items-center', className)}> (Line 15)

src/components/interactive/GlassAvatarGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative" style={{ marginLeft: i===0?0:overlap }}> (Line 17)

src/components/interactive/GlassAvatarGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="rounded-full object-cover border border-white/300" /> (Line 19)

src/components/interactive/GlassAvatarGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete rounded-full bg-white/255 border border-white/300 flex items-center justify-center" style={{ width: s, height: s }}> (Line 21)

src/components/interactive/GlassAvatarGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/80">{u.name.charAt(0)} (Line 22)

src/components/interactive/GlassAvatarGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', 'absolute -bottom-0.5 -right-0.5 w-3 h-3 rounded-full border-2 border-background', (Line 25)

src/components/interactive/GlassAvatarGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete rounded-full bg-white/255 border border-white/300 flex items-center justify-center ml-[-10px]" style={{ width: s, height: s }}> (Line 30)

src/components/interactive/GlassAvatarGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/80">+{rest} (Line 31)

src/components/interactive/GlassAvatarGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string } (Line 7)

src/components/interactive/GlassAvatarGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className }: GlassAvatarGroupProps) { (Line 9)

src/components/interactive/GlassAvatarGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('flex items-center', className)}> (Line 15)

src/components/interactive/GlassAvatarGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative" style={{ marginLeft: i===0?0:overlap }}> (Line 17)

src/components/interactive/GlassAvatarGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="rounded-full object-cover border border-white/300" /> (Line 19)

src/components/interactive/GlassAvatarGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete rounded-full bg-white/255 border border-white/300 flex items-center justify-center" style={{ width: s, height: s }}> (Line 21)

src/components/interactive/GlassAvatarGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/80">{u.name.charAt(0)} (Line 22)

src/components/interactive/GlassAvatarGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', 'absolute -bottom-0.5 -right-0.5 w-3 h-3 rounded-full border-2 border-background', (Line 25)

src/components/interactive/GlassAvatarGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete rounded-full bg-white/255 border border-white/300 flex items-center justify-center ml-[-10px]" style={{ width: s, height: s }}> (Line 30)

src/components/interactive/GlassAvatarGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/80">+{rest} (Line 31)

src/components/interactive/GlassCardLink.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 38)

src/components/interactive/GlassCardLink.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-6 h-6" />, (Line 59)

src/components/interactive/GlassCardLink.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-2xl"> (Line 65)

src/components/interactive/GlassCardLink.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">Frosted (Line 67)

src/components/interactive/GlassCardLink.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">Clear (Line 71)

src/components/interactive/GlassCardLink.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">Tinted (Line 75)

src/components/interactive/GlassCardLink.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">Luminous (Line 79)

src/components/interactive/GlassCardLink.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-6 h-6" />, (Line 59)

src/components/interactive/GlassCardLink.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6 text-center"> (Line 95)

src/components/interactive/GlassCardLink.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-12 h-12 mx-auto mb-4 text-red-400" /> (Line 96)

src/components/interactive/GlassCardLink.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xl font-semibold mb-2">Custom Card Content (Line 97)

src/components/interactive/GlassCardLink.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">You can render completely custom content inside the card.

(Line 98)

src/components/interactive/GlassCardLink.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-6"> (Line 106)

src/components/interactive/GlassCardLink.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-8 h-8" />} (Line 111)

src/components/interactive/GlassCardLink.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-gray-600 dark:text-gray-400"> (Line 115)

src/components/interactive/GlassCardLink.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="list-disc list-inside mt-2 space-y-1"> (Line 117)

src/components/interactive/GlassCardLink.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 38)

src/components/interactive/GlassCardLink.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-6 h-6" />, (Line 59)

src/components/interactive/GlassCardLink.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-2xl"> (Line 65)

src/components/interactive/GlassCardLink.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">Frosted (Line 67)

src/components/interactive/GlassCardLink.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">Clear (Line 71)

src/components/interactive/GlassCardLink.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">Tinted (Line 75)

src/components/interactive/GlassCardLink.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">Luminous (Line 79)

src/components/interactive/GlassCardLink.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-6 h-6" />, (Line 59)

src/components/interactive/GlassCardLink.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6 text-center"> (Line 95)

src/components/interactive/GlassCardLink.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-12 h-12 mx-auto mb-4 text-red-400" /> (Line 96)

src/components/interactive/GlassCardLink.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xl font-semibold mb-2">Custom Card Content (Line 97)

src/components/interactive/GlassCardLink.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">You can render completely custom content inside the card.

(Line 98)

src/components/interactive/GlassCardLink.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-6"> (Line 106)

src/components/interactive/GlassCardLink.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-8 h-8" />} (Line 111)

src/components/interactive/GlassCardLink.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-gray-600 dark:text-gray-400"> (Line 115)

src/components/interactive/GlassCardLink.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="list-disc list-inside mt-2 space-y-1"> (Line 117)

src/components/interactive/GlassCardLink.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 138)

src/components/interactive/GlassCardLink.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className = "", (Line 161)

src/components/interactive/GlassCardLink.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="card-icon-container"> (Line 198)

src/components/interactive/GlassCardLink.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="custom-preview-container"> (Line 209)

src/components/interactive/GlassCardLink.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="card-link-action"> (Line 216)

src/components/interactive/GlassCardLink.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`glass-card-link-wrapper ${className}`} (Line 232)

src/components/interactive/GlassCardLink.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`glass-card-link ${glassVariant}`}> (Line 235)

src/components/interactive/GlassCardLink.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 138)

src/components/interactive/GlassCardLink.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className = "", (Line 161)

src/components/interactive/GlassCardLink.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="card-icon-container"> (Line 198)

src/components/interactive/GlassCardLink.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="custom-preview-container"> (Line 209)

src/components/interactive/GlassCardLink.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="card-link-action"> (Line 216)

src/components/interactive/GlassCardLink.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`glass-card-link-wrapper ${className}`} (Line 232)

src/components/interactive/GlassCardLink.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`glass-card-link ${glassVariant}`}> (Line 235)

src/components/interactive/GlassCardLink.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.07) (Line 13)

src/components/interactive/GlassCarousel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/interactive/GlassCarousel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/interactive/GlassCarousel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/interactive/GlassCarousel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/interactive/GlassCarousel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/interactive/GlassCarousel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/interactive/GlassCarousel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/interactive/GlassCarousel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/interactive/GlassCarousel.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 449)

src/components/interactive/GlassCarousel.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 449)

src/components/interactive/GlassCarousel.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 449)

src/components/interactive/GlassCarousel.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 449)

src/components/interactive/GlassCarousel.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 484)

src/components/interactive/GlassCarousel.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 484)

src/components/interactive/GlassCarousel.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 484)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 96)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 98)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 133)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('p-8', className)}> (Line 307)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center text-white/70"> (Line 308)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full"> (Line 316)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 318)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 96)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-0"> (Line 325)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('relative overflow-hidden')} (Line 329)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex h-full transition-transform duration-500 ease-in-out" (Line 341)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0" (Line 350)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-full w-full relative"> (Line 357)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute left-4 top-1/2 transform -translate-y-1/2 z-10"> (Line 368)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-3 shadow-lg hover:-translate-y-0.5 glass-ripple" (Line 377)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-6 h-6" /> (Line 379)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute right-4 top-1/2 transform -translate-y-1/2 z-10"> (Line 385)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-3 shadow-lg hover:-translate-y-0.5 glass-ripple" (Line 377)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-6 h-6" /> (Line 379)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute top-4 right-4 z-10"> (Line 405)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 410)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 413)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 413)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute top-4 left-4 z-10"> (Line 423)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 410)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 413)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 413)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-6 py-4"> (Line 442)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between text-sm text-white/80"> (Line 443)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 447)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete w-32 h-1 bg-white/250 rounded-full overflow-hidden"> (Line 449)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-full bg-primary transition-all duration-300" (Line 451)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-6 py-4"> (Line 442)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-center gap-2"> (Line 465)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 318)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-6 py-4 border-t border-white/300"> (Line 484)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 485)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold text-white mb-1"> (Line 486)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70"> (Line 490)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 307)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1"> (Line 554)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 307)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 318)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-full object-cover" (Line 585)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete w-full h-full bg-white/255 flex items-center justify-center"> (Line 588)

src/components/interactive/GlassCarousel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70">{index + 1} (Line 589)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 96)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 98)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 133)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('p-8', className)}> (Line 307)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center text-white/70"> (Line 308)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full"> (Line 316)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 318)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 96)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-0"> (Line 325)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('relative overflow-hidden')} (Line 329)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex h-full transition-transform duration-500 ease-in-out" (Line 341)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0" (Line 350)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-full w-full relative"> (Line 357)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute left-4 top-1/2 transform -translate-y-1/2 z-10"> (Line 368)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-3 shadow-lg hover:-translate-y-0.5 glass-ripple" (Line 377)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-6 h-6" /> (Line 379)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute right-4 top-1/2 transform -translate-y-1/2 z-10"> (Line 385)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-3 shadow-lg hover:-translate-y-0.5 glass-ripple" (Line 377)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-6 h-6" /> (Line 379)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute top-4 right-4 z-10"> (Line 405)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 410)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 413)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 413)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute top-4 left-4 z-10"> (Line 423)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 410)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 413)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 413)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-6 py-4"> (Line 442)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between text-sm text-white/80"> (Line 443)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 447)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete w-32 h-1 bg-white/250 rounded-full overflow-hidden"> (Line 449)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-full bg-primary transition-all duration-300" (Line 451)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-6 py-4"> (Line 442)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-center gap-2"> (Line 465)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 318)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-6 py-4 border-t border-white/300"> (Line 484)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 485)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold text-white mb-1"> (Line 486)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70"> (Line 490)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 307)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1"> (Line 554)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 307)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 318)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-full object-cover" (Line 585)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete w-full h-full bg-white/255 flex items-center justify-center"> (Line 588)

src/components/interactive/GlassCarousel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70">{index + 1} (Line 589)

src/components/interactive/GlassChat.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/interactive/GlassChat.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 34)

src/components/interactive/GlassChat.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/interactive/GlassChat.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 34)

src/components/interactive/GlassChat.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 328)

src/components/interactive/GlassChat.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 328)

src/components/interactive/GlassChat.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 328)

src/components/interactive/GlassChat.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 328)

src/components/interactive/GlassChat.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 328)

src/components/interactive/GlassChat.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 328)

src/components/interactive/GlassChat.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 277)

src/components/interactive/GlassChat.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 277)

src/components/interactive/GlassChat.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 277)

src/components/interactive/GlassChat.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 277)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 126)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 128)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 151)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-full"> (Line 274)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('flex flex-col h-full overflow-hidden', className)} {...props}> (Line 275)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="pb-3 border-b border-white/300"> (Line 277)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 278)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white text-lg font-semibold flex items-center gap-2"> (Line 280)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5" /> (Line 281)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 text-sm mt-1">{subtitle}

(Line 285)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 289)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2"> (Line 290)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 291)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2"> (Line 290)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 291)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2"> (Line 290)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 291)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2"> (Line 290)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 291)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2 mt-2"> (Line 310)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 text-white/70" /> (Line 311)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 text-sm"> (Line 312)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-1 overflow-hidden"> (Line 319)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 flex flex-col overflow-hidden"> (Line 321)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 overflow-y-auto p-4 space-y-4"> (Line 323)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center my-6"> (Line 327)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete px-3 py-1 bg-white/255 rounded-full"> (Line 328)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 text-xs"> (Line 329)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-3"> (Line 341)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 275)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0"> (Line 361)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete w-8 h-8 rounded-full bg-white/250 flex items-center justify-center"> (Line 362)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-full rounded-full object-cover" (Line 367)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/80 text-sm font-medium"> (Line 370)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 275)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 275)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/80 text-sm font-medium"> (Line 370)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 393)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 393)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs opacity-70 mb-2 pb-2 border-b border-current border-opacity-20"> (Line 412)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm"> (Line 418)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-2 space-y-2"> (Line 424)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2 p-2 bg-black/20 rounded"> (Line 426)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" />} (Line 427)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" />} (Line 427)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs truncate">{attachment.name} (Line 429)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-1 mt-2"> (Line 437)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-6 px-2 text-xs" (Line 444)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 275)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 275)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-1" (Line 477)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 479)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="border-t border-white/300 p-4"> (Line 494)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-2 mb-3 overflow-x-auto"> (Line 497)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2 bg-white/255 rounded px-3 py-2"> (Line 499)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 291)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white truncate max-w-32"> (Line 501)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-1 h-auto" (Line 508)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 479)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-end gap-2"> (Line 518)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 290)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 291)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 290)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> : } (Line 539)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 relative"> (Line 544)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full bg-glass-fill ring-1 ring-white/10 rounded-lg px-4 py-2 text-white placeholder-white/50 focus:outline-none focus:ring-white/30 resize-none min-h-[40px] max-h-[120px]" (Line 551)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute right-2 top-1/2 transform -translate-y-1/2 p-1" (Line 560)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 291)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 290)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 291)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="hidden" (Line 584)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-64 border-l border-white/300 flex flex-col"> (Line 592)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 border-b border-white/300"> (Line 593)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white font-medium flex items-center gap-2"> (Line 594)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 291)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 overflow-y-auto p-2"> (Line 600)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-3 p-2 rounded-lg hover:bg-white/25"> (Line 602)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative"> (Line 603)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete w-8 h-8 rounded-full bg-white/250 flex items-center justify-center"> (Line 362)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-full rounded-full object-cover" (Line 367)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/80 text-sm font-medium"> (Line 370)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 393)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-0"> (Line 625)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white text-sm font-medium truncate"> (Line 626)

src/components/interactive/GlassChat.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 text-xs"> (Line 329)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 126)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 128)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 151)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-full"> (Line 274)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('flex flex-col h-full overflow-hidden', className)} {...props}> (Line 275)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="pb-3 border-b border-white/300"> (Line 277)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 278)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white text-lg font-semibold flex items-center gap-2"> (Line 280)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5" /> (Line 281)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 text-sm mt-1">{subtitle}

(Line 285)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 289)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2"> (Line 290)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 291)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2"> (Line 290)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 291)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2"> (Line 290)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 291)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2"> (Line 290)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 291)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2 mt-2"> (Line 310)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 text-white/70" /> (Line 311)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 text-sm"> (Line 312)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-1 overflow-hidden"> (Line 319)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 flex flex-col overflow-hidden"> (Line 321)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 overflow-y-auto p-4 space-y-4"> (Line 323)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center my-6"> (Line 327)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete px-3 py-1 bg-white/255 rounded-full"> (Line 328)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 text-xs"> (Line 329)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-3"> (Line 341)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 275)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0"> (Line 361)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete w-8 h-8 rounded-full bg-white/250 flex items-center justify-center"> (Line 362)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-full rounded-full object-cover" (Line 367)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/80 text-sm font-medium"> (Line 370)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 275)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 275)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/80 text-sm font-medium"> (Line 370)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 393)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 393)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs opacity-70 mb-2 pb-2 border-b border-current border-opacity-20"> (Line 412)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm"> (Line 418)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-2 space-y-2"> (Line 424)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2 p-2 bg-black/20 rounded"> (Line 426)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" />} (Line 427)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" />} (Line 427)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs truncate">{attachment.name} (Line 429)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-1 mt-2"> (Line 437)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-6 px-2 text-xs" (Line 444)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 275)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 275)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-1" (Line 477)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 479)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="border-t border-white/300 p-4"> (Line 494)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-2 mb-3 overflow-x-auto"> (Line 497)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2 bg-white/255 rounded px-3 py-2"> (Line 499)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 291)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white truncate max-w-32"> (Line 501)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-1 h-auto" (Line 508)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 479)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-end gap-2"> (Line 518)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 290)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 291)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 290)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> : } (Line 539)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 relative"> (Line 544)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full bg-glass-fill ring-1 ring-white/10 rounded-lg px-4 py-2 text-white placeholder-white/50 focus:outline-none focus:ring-white/30 resize-none min-h-[40px] max-h-[120px]" (Line 551)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute right-2 top-1/2 transform -translate-y-1/2 p-1" (Line 560)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 291)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 290)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 291)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="hidden" (Line 584)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-64 border-l border-white/300 flex flex-col"> (Line 592)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 border-b border-white/300"> (Line 593)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white font-medium flex items-center gap-2"> (Line 594)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 291)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 overflow-y-auto p-2"> (Line 600)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-3 p-2 rounded-lg hover:bg-white/25"> (Line 602)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative"> (Line 603)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete w-8 h-8 rounded-full bg-white/250 flex items-center justify-center"> (Line 362)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-full rounded-full object-cover" (Line 367)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/80 text-sm font-medium"> (Line 370)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 393)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-0"> (Line 625)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white text-sm font-medium truncate"> (Line 626)

src/components/interactive/GlassChat.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 text-xs"> (Line 329)

src/components/interactive/GlassChatInput.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/interactive/GlassChatInput.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 46)

src/components/interactive/GlassChatInput.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/interactive/GlassChatInput.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 46)

src/components/interactive/GlassChatInput.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 378)

src/components/interactive/GlassChatInput.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 378)

src/components/interactive/GlassChatInput.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 378)

src/components/interactive/GlassChatInput.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 378)

src/components/interactive/GlassChatInput.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 378)

src/components/interactive/GlassChatInput.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 554)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 108)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 110)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 136)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" />; (Line 353)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" />; (Line 353)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" />; (Line 353)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" />; (Line 353)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full"> (Line 369)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('overflow-hidden', className)} {...props}> (Line 370)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4"> (Line 371)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mb-4 space-y-2"> (Line 374)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-3 p-3 bg-white/255 rounded-lg" (Line 378)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0"> (Line 381)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-10 h-10 rounded object-cover" (Line 386)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete w-10 h-10 rounded bg-white/250 flex items-center justify-center"> (Line 389)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-0"> (Line 396)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white text-sm truncate"> (Line 397)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 text-xs"> (Line 400)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-1" (Line 410)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 353)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-end gap-3"> (Line 420)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2 flex-shrink-0" (Line 428)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 353)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2 flex-shrink-0" (Line 428)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 mr-2" /> (Line 445)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs">{formatRecordingTime(recordingTime)} (Line 446)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 353)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete flex gap-1 p-2 bg-white/255 rounded-lg mb-2"> (Line 456)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-1" (Line 410)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 463)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-1" (Line 410)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 463)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-1" (Line 410)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 463)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-1" (Line 410)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 463)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 relative"> (Line 493)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 501)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute bottom-2 right-3 text-xs text-white/70"> (Line 511)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-1 flex-shrink-0"> (Line 518)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 526)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 353)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 526)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 353)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 526)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 border-2 border-white/300 border-t-white rounded-full animate-spin" /> (Line 554)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 353)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete mt-3 p-3 bg-white/255 rounded-lg"> (Line 564)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-8 gap-2"> (Line 565)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-8 h-8 hover:bg-white/250 rounded transition-colors text-lg" (Line 570)

src/components/interactive/GlassChatInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="hidden" (Line 585)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 108)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 110)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 136)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" />; (Line 353)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" />; (Line 353)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" />; (Line 353)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" />; (Line 353)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full"> (Line 369)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('overflow-hidden', className)} {...props}> (Line 370)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4"> (Line 371)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mb-4 space-y-2"> (Line 374)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-3 p-3 bg-white/255 rounded-lg" (Line 378)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0"> (Line 381)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-10 h-10 rounded object-cover" (Line 386)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete w-10 h-10 rounded bg-white/250 flex items-center justify-center"> (Line 389)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-0"> (Line 396)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white text-sm truncate"> (Line 397)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 text-xs"> (Line 400)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-1" (Line 410)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 353)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-end gap-3"> (Line 420)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2 flex-shrink-0" (Line 428)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 353)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2 flex-shrink-0" (Line 428)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 mr-2" /> (Line 445)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs">{formatRecordingTime(recordingTime)} (Line 446)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 353)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete flex gap-1 p-2 bg-white/255 rounded-lg mb-2"> (Line 456)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-1" (Line 410)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 463)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-1" (Line 410)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 463)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-1" (Line 410)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 463)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-1" (Line 410)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 463)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 relative"> (Line 493)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 501)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute bottom-2 right-3 text-xs text-white/70"> (Line 511)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-1 flex-shrink-0"> (Line 518)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 526)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 353)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 526)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 353)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 526)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 border-2 border-white/300 border-t-white rounded-full animate-spin" /> (Line 554)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 353)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete mt-3 p-3 bg-white/255 rounded-lg"> (Line 564)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-8 gap-2"> (Line 565)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-8 h-8 hover:bg-white/250 rounded transition-colors text-lg" (Line 570)

src/components/interactive/GlassChatInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="hidden" (Line 585)

src/components/interactive/GlassCoachmarks.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-semibold mb-2">Welcome to GlassCoachmarks! (Line 32)

src/components/interactive/GlassCoachmarks.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm">This is your first step in the guided tour.

(Line 33)

src/components/interactive/GlassCoachmarks.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-semibold mb-2">Step 2 (Line 41)

src/components/interactive/GlassCoachmarks.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm">Learn about the features available.

(Line 42)

src/components/interactive/GlassCoachmarks.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-semibold mb-2">Welcome! (Line 61)

src/components/interactive/GlassCoachmarks.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm">This is a guided tour of the application.

(Line 62)

src/components/interactive/GlassCoachmarks.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-semibold mb-2">Step 1 (Line 81)

src/components/interactive/GlassCoachmarks.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm">First step in the tour.

(Line 82)

src/components/interactive/GlassCoachmarks.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-semibold mb-2">Step 2 (Line 41)

src/components/interactive/GlassCoachmarks.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm">Second step with more information.

(Line 91)

src/components/interactive/GlassCoachmarks.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-semibold mb-2">Step 3 (Line 99)

src/components/interactive/GlassCoachmarks.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm">Final step of the tour.

(Line 100)

src/components/interactive/GlassCoachmarks.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-semibold mb-2">Welcome to GlassCoachmarks! (Line 32)

src/components/interactive/GlassCoachmarks.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm">This is your first step in the guided tour.

(Line 33)

src/components/interactive/GlassCoachmarks.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-semibold mb-2">Step 2 (Line 41)

src/components/interactive/GlassCoachmarks.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm">Learn about the features available.

(Line 42)

src/components/interactive/GlassCoachmarks.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-semibold mb-2">Welcome! (Line 61)

src/components/interactive/GlassCoachmarks.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm">This is a guided tour of the application.

(Line 62)

src/components/interactive/GlassCoachmarks.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-semibold mb-2">Step 1 (Line 81)

src/components/interactive/GlassCoachmarks.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm">First step in the tour.

(Line 82)

src/components/interactive/GlassCoachmarks.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-semibold mb-2">Step 2 (Line 41)

src/components/interactive/GlassCoachmarks.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm">Second step with more information.

(Line 91)

src/components/interactive/GlassCoachmarks.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-semibold mb-2">Step 3 (Line 99)

src/components/interactive/GlassCoachmarks.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm">Final step of the tour.

(Line 100)

src/components/interactive/GlassCoachmarks.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 16)

src/components/interactive/GlassCoachmarks.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 16)

src/components/interactive/GlassCoachmarks.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 16)

src/components/interactive/GlassCoachmarks.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 16)

src/components/interactive/GlassCoachmarks.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="fixed inset-0 z-[2000]"> (Line 13)

src/components/interactive/GlassCoachmarks.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 bg-black/60" onClick={onClose} /> (Line 14)

src/components/interactive/GlassCoachmarks.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-x-0 bottom-10 mx-auto w-full max-w-xl"> (Line 15)

src/components/interactive/GlassCoachmarks.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete rounded-2xl bg-white/255 border border-white/300 p-4 mx-4 text-white"> (Line 16)

src/components/interactive/GlassCoachmarks.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mb-3">{step.content}

(Line 17)

src/components/interactive/GlassCoachmarks.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-between"> (Line 18)

src/components/interactive/GlassCoachmarks.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-1 rounded bg-white/255" onClick={onPrev} disabled={current===0}>Back (Line 19)

src/components/interactive/GlassCoachmarks.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-x-2"> (Line 20)

src/components/interactive/GlassCoachmarks.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-1 rounded bg-white/255" onClick={onClose}>Close (Line 21)

src/components/interactive/GlassCoachmarks.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-1 rounded bg-blue-600 text-white" onClick={onNext}>Next (Line 22)

src/components/interactive/GlassCoachmarks.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="fixed inset-0 z-[2000]"> (Line 13)

src/components/interactive/GlassCoachmarks.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 bg-black/60" onClick={onClose} /> (Line 14)

src/components/interactive/GlassCoachmarks.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-x-0 bottom-10 mx-auto w-full max-w-xl"> (Line 15)

src/components/interactive/GlassCoachmarks.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete rounded-2xl bg-white/255 border border-white/300 p-4 mx-4 text-white"> (Line 16)

src/components/interactive/GlassCoachmarks.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mb-3">{step.content}

(Line 17)

src/components/interactive/GlassCoachmarks.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-between"> (Line 18)

src/components/interactive/GlassCoachmarks.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-1 rounded bg-white/255" onClick={onPrev} disabled={current===0}>Back (Line 19)

src/components/interactive/GlassCoachmarks.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-x-2"> (Line 20)

src/components/interactive/GlassCoachmarks.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-1 rounded bg-white/255" onClick={onClose}>Close (Line 21)

src/components/interactive/GlassCoachmarks.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-1 rounded bg-blue-600 text-white" onClick={onNext}>Next (Line 22)

src/components/interactive/GlassCodeEditor.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/interactive/GlassCodeEditor.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 39)

src/components/interactive/GlassCodeEditor.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="container">\n

Hello World

\n
\n );\n};\n\nexport default App;', (Line 91)

src/components/interactive/GlassCodeEditor.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="App">\n

\n

My React App

\n
\n
\n );\n}\n\nexport default App;', (Line 114)

src/components/interactive/GlassCodeEditor.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/interactive/GlassCodeEditor.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 39)

src/components/interactive/GlassCodeEditor.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="container">\n

Hello World

\n
\n );\n};\n\nexport default App;', (Line 91)

src/components/interactive/GlassCodeEditor.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="App">\n

\n

My React App

\n
\n
\n );\n}\n\nexport default App;', (Line 114)

src/components/interactive/GlassCodeEditor.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 283)

src/components/interactive/GlassCodeEditor.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 283)

src/components/interactive/GlassCodeEditor.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 283)

src/components/interactive/GlassCodeEditor.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 283)

src/components/interactive/GlassCodeEditor.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 267)

src/components/interactive/GlassCodeEditor.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 267)

src/components/interactive/GlassCodeEditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className */ (Line 57)

src/components/interactive/GlassCodeEditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 58)

src/components/interactive/GlassCodeEditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className = '', (Line 119)

src/components/interactive/GlassCodeEditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`relative overflow-hidden ${className}`} (Line 261)

src/components/interactive/GlassCodeEditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between p-3 border-b border-white/300"> (Line 267)

src/components/interactive/GlassCodeEditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center space-x-4"> (Line 268)

src/components/interactive/GlassCodeEditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70 font-medium"> (Line 269)

src/components/interactive/GlassCodeEditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70"> (Line 273)

src/components/interactive/GlassCodeEditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center space-x-2"> (Line 279)

src/components/interactive/GlassCodeEditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-2 py-1 text-xs text-white/70 hover:text-white hover:bg-white/255 rounded transition-colors" (Line 283)

src/components/interactive/GlassCodeEditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-2 py-1 text-xs text-white/70 hover:text-white hover:bg-white/255 rounded transition-colors" (Line 283)

src/components/interactive/GlassCodeEditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative"> (Line 309)

src/components/interactive/GlassCodeEditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`absolute inset-0 p-4 font-mono text-sm overflow-auto pointer-events-none whitespace-pre-wrap break-words ${ (Line 313)

src/components/interactive/GlassCodeEditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={currentValue ? '' : 'text-white/70'} (Line 320)

src/components/interactive/GlassCodeEditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute left-0 top-0 bottom-0 w-12 bg-black/20 border-r border-white/300 p-4 text-right text-white/70 text-sm font-mono select-none focus-visible:ring-2 focus-visible:ring-blue-500/50"> (Line 326)

src/components/interactive/GlassCodeEditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="leading-6"> (Line 328)

src/components/interactive/GlassCodeEditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`w-full p-4 font-mono text-sm bg-transparent text-transparent caret-white outline-none resize-none overflow-auto ${ (Line 347)

src/components/interactive/GlassCodeEditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 58)

src/components/interactive/GlassCodeEditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className = '' }) => { (Line 371)

src/components/interactive/GlassCodeEditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`grid grid-cols-4 gap-4 ${className}`}> (Line 377)

src/components/interactive/GlassCodeEditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="col-span-1 p-4" (Line 380)

src/components/interactive/GlassCodeEditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-semibold text-white mb-4">Files (Line 384)

src/components/interactive/GlassCodeEditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 385)

src/components/interactive/GlassCodeEditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`w-full text-left px-3 py-2 rounded text-sm transition-colors ${ (Line 390)

src/components/interactive/GlassCodeEditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="col-span-3"> (Line 403)

src/components/interactive/GlassCodeEditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className */ (Line 57)

src/components/interactive/GlassCodeEditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 58)

src/components/interactive/GlassCodeEditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className = '', (Line 119)

src/components/interactive/GlassCodeEditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`relative overflow-hidden ${className}`} (Line 261)

src/components/interactive/GlassCodeEditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between p-3 border-b border-white/300"> (Line 267)

src/components/interactive/GlassCodeEditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center space-x-4"> (Line 268)

src/components/interactive/GlassCodeEditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70 font-medium"> (Line 269)

src/components/interactive/GlassCodeEditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70"> (Line 273)

src/components/interactive/GlassCodeEditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center space-x-2"> (Line 279)

src/components/interactive/GlassCodeEditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-2 py-1 text-xs text-white/70 hover:text-white hover:bg-white/255 rounded transition-colors" (Line 283)

src/components/interactive/GlassCodeEditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-2 py-1 text-xs text-white/70 hover:text-white hover:bg-white/255 rounded transition-colors" (Line 283)

src/components/interactive/GlassCodeEditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative"> (Line 309)

src/components/interactive/GlassCodeEditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`absolute inset-0 p-4 font-mono text-sm overflow-auto pointer-events-none whitespace-pre-wrap break-words ${ (Line 313)

src/components/interactive/GlassCodeEditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={currentValue ? '' : 'text-white/70'} (Line 320)

src/components/interactive/GlassCodeEditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute left-0 top-0 bottom-0 w-12 bg-black/20 border-r border-white/300 p-4 text-right text-white/70 text-sm font-mono select-none focus-visible:ring-2 focus-visible:ring-blue-500/50"> (Line 326)

src/components/interactive/GlassCodeEditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="leading-6"> (Line 328)

src/components/interactive/GlassCodeEditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`w-full p-4 font-mono text-sm bg-transparent text-transparent caret-white outline-none resize-none overflow-auto ${ (Line 347)

src/components/interactive/GlassCodeEditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 58)

src/components/interactive/GlassCodeEditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className = '' }) => { (Line 371)

src/components/interactive/GlassCodeEditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`grid grid-cols-4 gap-4 ${className}`}> (Line 377)

src/components/interactive/GlassCodeEditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="col-span-1 p-4" (Line 380)

src/components/interactive/GlassCodeEditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-semibold text-white mb-4">Files (Line 384)

src/components/interactive/GlassCodeEditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 385)

src/components/interactive/GlassCodeEditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`w-full text-left px-3 py-2 rounded text-sm transition-colors ${ (Line 390)

src/components/interactive/GlassCodeEditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="col-span-3"> (Line 403)

src/components/interactive/GlassColorSchemeGenerator.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/interactive/GlassColorSchemeGenerator.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 34)

src/components/interactive/GlassColorSchemeGenerator.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/interactive/GlassColorSchemeGenerator.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 34)

src/components/interactive/GlassColorSchemeGenerator.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 270)

src/components/interactive/GlassColorSchemeGenerator.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 270)

src/components/interactive/GlassColorSchemeGenerator.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 270)

src/components/interactive/GlassColorSchemeGenerator.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 270)

src/components/interactive/GlassColorSchemeGenerator.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 270)

src/components/interactive/GlassColorSchemeGenerator.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 270)

src/components/interactive/GlassColorSchemeGenerator.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 270)

src/components/interactive/GlassColorSchemeGenerator.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 262)

src/components/interactive/GlassColorSchemeGenerator.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 262)

src/components/interactive/GlassColorSchemeGenerator.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 262)

src/components/interactive/GlassColorSchemeGenerator.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 262)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className */ (Line 27)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 28)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className = '', (Line 69)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`space-y-6 ${className}`}> (Line 245)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6" (Line 248)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold text-white mb-4">Base Color (Line 252)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-1 md:grid-cols-2 gap-6"> (Line 254)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4"> (Line 256)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center space-x-4"> (Line 257)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-16 h-16 rounded-lg border-2 border-white/300 cursor-pointer" (Line 262)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block text-sm text-white/70 mb-1">Hex Color (Line 265)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-2 bg-white/255 border border-white/300 rounded text-white placeholder-white/50 focus:outline-none focus:border-white/300" (Line 270)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block text-sm text-white/70 mb-2">Quick Palettes (Line 278)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-2"> (Line 279)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`px-3 py-2 rounded text-sm font-medium transition-colors ${ (Line 284)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4"> (Line 256)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block text-sm text-white/70 mb-2">Color Harmony (Line 300)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-2 gap-2"> (Line 301)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`px-3 py-2 rounded text-sm font-medium transition-colors ${ (Line 284)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6" (Line 248)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold text-white mb-4">Color Scheme Preview (Line 332)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-2 md:grid-cols-4 gap-4"> (Line 334)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 336)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-16 rounded-lg border border-white/300" (Line 338)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 341)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70 capitalize">{key}

(Line 342)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70 font-mono">{color}

(Line 343)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6" (Line 248)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold text-white mb-4">Export Options (Line 356)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-3"> (Line 358)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-4 py-2 bg-blue-500/20 text-blue-300 rounded hover:bg-blue-500/30 transition-colors" (Line 362)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-4 py-2 bg-green-500/20 text-green-300 rounded hover:bg-green-500/30 transition-colors" (Line 370)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-4 py-2 bg-purple-500/20 text-purple-300 rounded hover:bg-purple-500/30 transition-colors" (Line 377)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-4"> (Line 384)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block text-sm text-white/70 mb-2">CSS Variables Preview (Line 385)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-3 bg-black/20 rounded text-xs text-white/80 overflow-x-auto"> (Line 386)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className */ (Line 27)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 28)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className = '', (Line 69)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`space-y-6 ${className}`}> (Line 245)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6" (Line 248)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold text-white mb-4">Base Color (Line 252)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-1 md:grid-cols-2 gap-6"> (Line 254)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4"> (Line 256)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center space-x-4"> (Line 257)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-16 h-16 rounded-lg border-2 border-white/300 cursor-pointer" (Line 262)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block text-sm text-white/70 mb-1">Hex Color (Line 265)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-2 bg-white/255 border border-white/300 rounded text-white placeholder-white/50 focus:outline-none focus:border-white/300" (Line 270)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block text-sm text-white/70 mb-2">Quick Palettes (Line 278)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-2"> (Line 279)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`px-3 py-2 rounded text-sm font-medium transition-colors ${ (Line 284)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4"> (Line 256)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block text-sm text-white/70 mb-2">Color Harmony (Line 300)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-2 gap-2"> (Line 301)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`px-3 py-2 rounded text-sm font-medium transition-colors ${ (Line 284)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6" (Line 248)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold text-white mb-4">Color Scheme Preview (Line 332)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-2 md:grid-cols-4 gap-4"> (Line 334)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 336)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-16 rounded-lg border border-white/300" (Line 338)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 341)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70 capitalize">{key}

(Line 342)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70 font-mono">{color}

(Line 343)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6" (Line 248)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold text-white mb-4">Export Options (Line 356)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-3"> (Line 358)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-4 py-2 bg-blue-500/20 text-blue-300 rounded hover:bg-blue-500/30 transition-colors" (Line 362)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-4 py-2 bg-green-500/20 text-green-300 rounded hover:bg-green-500/30 transition-colors" (Line 370)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-4 py-2 bg-purple-500/20 text-purple-300 rounded hover:bg-purple-500/30 transition-colors" (Line 377)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-4"> (Line 384)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block text-sm text-white/70 mb-2">CSS Variables Preview (Line 385)

src/components/interactive/GlassColorSchemeGenerator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-3 bg-black/20 rounded text-xs text-white/80 overflow-x-auto"> (Line 386)

src/components/interactive/GlassCommand.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 273)

src/components/interactive/GlassCommand.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 273)

src/components/interactive/GlassCommand.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 246)

src/components/interactive/GlassCommand.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 246)

src/components/interactive/GlassCommand.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 90)

src/components/interactive/GlassCommand.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 92)

src/components/interactive/GlassCommand.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 90)

src/components/interactive/GlassCommand.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 92)

src/components/interactive/GlassCommand.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="rounded-lg" (Line 230)

src/components/interactive/GlassCommand.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4"> (Line 232)

src/components/interactive/GlassCommand.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center py-8"> (Line 245)

src/components/interactive/GlassCommand.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-6 h-6 border-2 border-white/300 border-t-white/60 rounded-full animate-spin" /> (Line 246)

src/components/interactive/GlassCommand.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center py-8 text-white/70"> (Line 252)

src/components/interactive/GlassCommand.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-2 text-xs font-medium text-white/70 border-b border-white/300"> (Line 260)

src/components/interactive/GlassCommand.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 271)

src/components/interactive/GlassCommand.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center w-5 h-5 mr-3 text-white/70"> (Line 286)

src/components/interactive/GlassCommand.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-0"> (Line 290)

src/components/interactive/GlassCommand.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/90 font-medium truncate"> (Line 291)

src/components/interactive/GlassCommand.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 text-sm truncate"> (Line 295)

src/components/interactive/GlassCommand.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="fixed inset-0 z-[9999] flex items-center justify-center p-4 bg-black/50 backdrop-blur-sm"> (Line 355)

src/components/interactive/GlassCommand.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full max-w-lg" (Line 358)

src/components/interactive/GlassCommand.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 378)

src/components/interactive/GlassCommand.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative mb-4"> (Line 382)

src/components/interactive/GlassCommand.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-white/70" /> (Line 383)

src/components/interactive/GlassCommand.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="backdrop-blur-sm rounded-lg" (Line 387)

src/components/interactive/GlassCommand.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 271)

src/components/interactive/GlassCommand.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 90)

src/components/interactive/GlassCommand.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 378)

src/components/interactive/GlassCommand.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('overflow-y-auto', className)} (Line 412)

src/components/interactive/GlassCommand.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 90)

src/components/interactive/GlassCommand.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 92)

src/components/interactive/GlassCommand.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 90)

src/components/interactive/GlassCommand.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 92)

src/components/interactive/GlassCommand.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="rounded-lg" (Line 230)

src/components/interactive/GlassCommand.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4"> (Line 232)

src/components/interactive/GlassCommand.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center py-8"> (Line 245)

src/components/interactive/GlassCommand.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-6 h-6 border-2 border-white/300 border-t-white/60 rounded-full animate-spin" /> (Line 246)

src/components/interactive/GlassCommand.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center py-8 text-white/70"> (Line 252)

src/components/interactive/GlassCommand.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-2 text-xs font-medium text-white/70 border-b border-white/300"> (Line 260)

src/components/interactive/GlassCommand.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 271)

src/components/interactive/GlassCommand.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center w-5 h-5 mr-3 text-white/70"> (Line 286)

src/components/interactive/GlassCommand.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-0"> (Line 290)

src/components/interactive/GlassCommand.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/90 font-medium truncate"> (Line 291)

src/components/interactive/GlassCommand.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 text-sm truncate"> (Line 295)

src/components/interactive/GlassCommand.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="fixed inset-0 z-[9999] flex items-center justify-center p-4 bg-black/50 backdrop-blur-sm"> (Line 355)

src/components/interactive/GlassCommand.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full max-w-lg" (Line 358)

src/components/interactive/GlassCommand.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 378)

src/components/interactive/GlassCommand.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative mb-4"> (Line 382)

src/components/interactive/GlassCommand.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-white/70" /> (Line 383)

src/components/interactive/GlassCommand.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="backdrop-blur-sm rounded-lg" (Line 387)

src/components/interactive/GlassCommand.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 271)

src/components/interactive/GlassCommand.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 90)

src/components/interactive/GlassCommand.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 378)

src/components/interactive/GlassCommand.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('overflow-y-auto', className)} (Line 412)

src/components/interactive/GlassCommandPalette.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 159)

src/components/interactive/GlassCommandPalette.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 190)

src/components/interactive/GlassCommandPalette.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="fixed inset-0 z-50 flex items-start justify-center pt-[10vh]" (Line 411)

src/components/interactive/GlassCommandPalette.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 420)

src/components/interactive/GlassCommandPalette.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative w-full max-w-2xl mx-4"> (Line 427)

src/components/interactive/GlassCommandPalette.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 437)

src/components/interactive/GlassCommandPalette.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 159)

src/components/interactive/GlassCommandPalette.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 border-b border-border/10"> (Line 445)

src/components/interactive/GlassCommandPalette.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 453)

src/components/interactive/GlassCommandPalette.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-1 rounded hover:bg-muted/20 transition-colors" (Line 461)

src/components/interactive/GlassCommandPalette.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 464)

src/components/interactive/GlassCommandPalette.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="border-0 bg-transparent focus:ring-0" (Line 470)

src/components/interactive/GlassCommandPalette.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="max-h-96 overflow-y-auto overscroll-contain" (Line 477)

src/components/interactive/GlassCommandPalette.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center py-8"> (Line 481)

src/components/interactive/GlassCommandPalette.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-3"> (Line 482)

src/components/interactive/GlassCommandPalette.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5 border-2 border-primary border-t-transparent rounded-full animate-spin" /> (Line 483)

src/components/interactive/GlassCommandPalette.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-muted-foreground">{loadingMessage} (Line 484)

src/components/interactive/GlassCommandPalette.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="py-8 text-center text-muted-foreground"> (Line 488)

src/components/interactive/GlassCommandPalette.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-4 py-2 text-xs font-medium text-muted-foreground bg-muted/10 border-b border-border/5"> (Line 495)

src/components/interactive/GlassCommandPalette.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 437)

src/components/interactive/GlassCommandPalette.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0 text-muted-foreground"> (Line 534)

src/components/interactive/GlassCommandPalette.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-0"> (Line 540)

src/components/interactive/GlassCommandPalette.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium text-foreground"> (Line 541)

src/components/interactive/GlassCommandPalette.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-muted-foreground truncate"> (Line 545)

src/components/interactive/GlassCommandPalette.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-4 py-2 text-xs text-muted-foreground bg-muted/5 border-t border-border/5"> (Line 567)

src/components/interactive/GlassCommandPalette.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 568)

src/components/interactive/GlassCommandPalette.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-4"> (Line 572)

src/components/interactive/GlassCommandPalette.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1"> (Line 573)

src/components/interactive/GlassCommandPalette.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1"> (Line 573)

src/components/interactive/GlassCommandPalette.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1"> (Line 573)

src/components/interactive/GlassCommandPalette.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 159)

src/components/interactive/GlassCommandPalette.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 190)

src/components/interactive/GlassCommandPalette.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="fixed inset-0 z-50 flex items-start justify-center pt-[10vh]" (Line 411)

src/components/interactive/GlassCommandPalette.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 420)

src/components/interactive/GlassCommandPalette.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative w-full max-w-2xl mx-4"> (Line 427)

src/components/interactive/GlassCommandPalette.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 437)

src/components/interactive/GlassCommandPalette.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 159)

src/components/interactive/GlassCommandPalette.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 border-b border-border/10"> (Line 445)

src/components/interactive/GlassCommandPalette.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 453)

src/components/interactive/GlassCommandPalette.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-1 rounded hover:bg-muted/20 transition-colors" (Line 461)

src/components/interactive/GlassCommandPalette.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 464)

src/components/interactive/GlassCommandPalette.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="border-0 bg-transparent focus:ring-0" (Line 470)

src/components/interactive/GlassCommandPalette.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="max-h-96 overflow-y-auto overscroll-contain" (Line 477)

src/components/interactive/GlassCommandPalette.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center py-8"> (Line 481)

src/components/interactive/GlassCommandPalette.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-3"> (Line 482)

src/components/interactive/GlassCommandPalette.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5 border-2 border-primary border-t-transparent rounded-full animate-spin" /> (Line 483)

src/components/interactive/GlassCommandPalette.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-muted-foreground">{loadingMessage} (Line 484)

src/components/interactive/GlassCommandPalette.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="py-8 text-center text-muted-foreground"> (Line 488)

src/components/interactive/GlassCommandPalette.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-4 py-2 text-xs font-medium text-muted-foreground bg-muted/10 border-b border-border/5"> (Line 495)

src/components/interactive/GlassCommandPalette.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 437)

src/components/interactive/GlassCommandPalette.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0 text-muted-foreground"> (Line 534)

src/components/interactive/GlassCommandPalette.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-0"> (Line 540)

src/components/interactive/GlassCommandPalette.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium text-foreground"> (Line 541)

src/components/interactive/GlassCommandPalette.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-muted-foreground truncate"> (Line 545)

src/components/interactive/GlassCommandPalette.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-4 py-2 text-xs text-muted-foreground bg-muted/5 border-t border-border/5"> (Line 567)

src/components/interactive/GlassCommandPalette.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 568)

src/components/interactive/GlassCommandPalette.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-4"> (Line 572)

src/components/interactive/GlassCommandPalette.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1"> (Line 573)

src/components/interactive/GlassCommandPalette.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1"> (Line 573)

src/components/interactive/GlassCommandPalette.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1"> (Line 573)

src/components/interactive/GlassCommentThread.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 26)

src/components/interactive/GlassCommentThread.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 26)

src/components/interactive/GlassCommentThread.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 25)

src/components/interactive/GlassCommentThread.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="rounded-lg p-3 border border-white/305"> (Line 26)

src/components/interactive/GlassCommentThread.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/90 font-medium">{c.author}

(Line 27)

src/components/interactive/GlassCommentThread.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/80 whitespace-pre-wrap">{c.text}

(Line 28)

src/components/interactive/GlassCommentThread.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70 mt-1">{c.createdAt}

} (Line 29)

src/components/interactive/GlassCommentThread.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="ml-6"> (Line 31)

src/components/interactive/GlassCommentThread.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-2 items-center"> (Line 32)

src/components/interactive/GlassCommentThread.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 bg-transparent border border-white/300 rounded-lg px-2 py-1 text-sm outline-none" (Line 37)

src/components/interactive/GlassCommentThread.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-2 space-y-2"> (Line 42)

src/components/interactive/GlassCommentThread.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-3">{(comments || []).map(c => render(c))}

; (Line 50)

src/components/interactive/GlassCommentThread.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 25)

src/components/interactive/GlassCommentThread.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="rounded-lg p-3 border border-white/305"> (Line 26)

src/components/interactive/GlassCommentThread.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/90 font-medium">{c.author}

(Line 27)

src/components/interactive/GlassCommentThread.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/80 whitespace-pre-wrap">{c.text}

(Line 28)

src/components/interactive/GlassCommentThread.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70 mt-1">{c.createdAt}

} (Line 29)

src/components/interactive/GlassCommentThread.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="ml-6"> (Line 31)

src/components/interactive/GlassCommentThread.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-2 items-center"> (Line 32)

src/components/interactive/GlassCommentThread.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 bg-transparent border border-white/300 rounded-lg px-2 py-1 text-sm outline-none" (Line 37)

src/components/interactive/GlassCommentThread.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-2 space-y-2"> (Line 42)

src/components/interactive/GlassCommentThread.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-3">{(comments || []).map(c => render(c))}

; (Line 50)

src/components/interactive/GlassComponentPlayground.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 32)

src/components/interactive/GlassComponentPlayground.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-4 py-2 bg-blue-500 text-white rounded">{children || 'Button'}, (Line 49)

src/components/interactive/GlassComponentPlayground.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 56)

src/components/interactive/GlassComponentPlayground.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-4 py-2 bg-blue-500 text-white rounded">{children || 'Button'}, (Line 49)

src/components/interactive/GlassComponentPlayground.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-4 py-2 bg-green-500 text-white rounded">{children || 'Primary'}, (Line 88)

src/components/interactive/GlassComponentPlayground.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-4 py-2 bg-gray-500 text-white rounded">{children || 'Secondary'}, (Line 96)

src/components/interactive/GlassComponentPlayground.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 32)

src/components/interactive/GlassComponentPlayground.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-4 py-2 bg-blue-500 text-white rounded">{children || 'Button'}, (Line 49)

src/components/interactive/GlassComponentPlayground.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 56)

src/components/interactive/GlassComponentPlayground.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-4 py-2 bg-blue-500 text-white rounded">{children || 'Button'}, (Line 49)

src/components/interactive/GlassComponentPlayground.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-4 py-2 bg-green-500 text-white rounded">{children || 'Primary'}, (Line 88)

src/components/interactive/GlassComponentPlayground.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-4 py-2 bg-gray-500 text-white rounded">{children || 'Secondary'}, (Line 96)

src/components/interactive/GlassComponentPlayground.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 145)

src/components/interactive/GlassComponentPlayground.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 145)

src/components/interactive/GlassComponentPlayground.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 145)

src/components/interactive/GlassComponentPlayground.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 145)

src/components/interactive/GlassComponentPlayground.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 145)

src/components/interactive/GlassComponentPlayground.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 145)

src/components/interactive/GlassComponentPlayground.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 145)

src/components/interactive/GlassComponentPlayground.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 145)

src/components/interactive/GlassComponentPlayground.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 145)

src/components/interactive/GlassComponentPlayground.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 145)

src/components/interactive/GlassComponentPlayground.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 145)

src/components/interactive/GlassComponentPlayground.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 145)

src/components/interactive/GlassComponentPlayground.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 145)

src/components/interactive/GlassComponentPlayground.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 145)

src/components/interactive/GlassComponentPlayground.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 145)

src/components/interactive/GlassComponentPlayground.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 145)

src/components/interactive/GlassComponentPlayground.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 145)

src/components/interactive/GlassComponentPlayground.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 145)

src/components/interactive/GlassComponentPlayground.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 145)

src/components/interactive/GlassComponentPlayground.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 145)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className */ (Line 31)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 32)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className = '', (Line 45)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4"> (Line 124)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-semibold text-white mb-3">Component Props (Line 125)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70">No editable props available

(Line 128)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 135)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block text-sm text-white/70"> (Line 136)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full px-3 py-2 bg-white/255 border border-white/300 rounded text-white placeholder-white/50 focus:outline-none focus:border-white/300" (Line 145)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full px-3 py-2 bg-white/255 border border-white/300 rounded text-white placeholder-white/50 focus:outline-none focus:border-white/300" (Line 145)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center space-x-2 cursor-pointer"> (Line 159)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="rounded border-white/300 text-blue-500 focus:ring-blue-500" (Line 164)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70">{value ? 'True' : 'False'} (Line 166)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full px-3 py-2 bg-white/255 border border-white/300 rounded text-white placeholder-white/50 focus:outline-none focus:border-white/300 font-mono text-sm" (Line 182)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`flex flex-col h-full ${className}`} (Line 195)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between p-4 border-b border-white/300"> (Line 200)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xl font-semibold text-white">Component Playground (Line 201)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center space-x-4"> (Line 203)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-2 bg-white/255 border border-white/300 rounded text-white focus:outline-none focus:border-white/300" (Line 208)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-1 overflow-hidden"> (Line 220)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-64 border-r border-white/300 p-4 overflow-y-auto"> (Line 222)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-semibold text-white mb-4">Components (Line 223)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 135)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`w-full text-left p-3 rounded transition-colors ${ (Line 230)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium text-sm">{example.name}

(Line 236)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs opacity-70 mt-1">{example.description}

(Line 238)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs opacity-50 mt-1 capitalize">{example.category}

(Line 240)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 flex flex-col"> (Line 247)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex border-b border-white/300"> (Line 249)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`px-4 py-3 text-sm font-medium transition-colors ${ (Line 252)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`px-4 py-3 text-sm font-medium transition-colors ${ (Line 252)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`px-4 py-3 text-sm font-medium transition-colors ${ (Line 252)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`px-4 py-3 text-sm font-medium transition-colors ${ (Line 252)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 overflow-hidden"> (Line 304)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-full p-6 overflow-auto"> (Line 307)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="max-w-4xl mx-auto"> (Line 308)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-6"> (Line 310)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold text-white mb-2"> (Line 312)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70">{currentExample.description}

(Line 316)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6 min-h-64 flex items-center justify-center" (Line 322)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center h-64 text-white/70"> (Line 330)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-full p-6 overflow-auto"> (Line 307)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4"> (Line 124)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 342)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold text-white">Generated Code (Line 343)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-1 text-sm bg-white/255 hover:bg-white/250 rounded transition-colors" (Line 346)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 bg-black/20 rounded overflow-x-auto"> (Line 352)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white font-mono whitespace-pre-wrap"> (Line 353)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-full p-6 overflow-y-auto"> (Line 363)

src/components/interactive/GlassComponentPlayground.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-full p-6 overflow-auto"> (Line 307)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className */ (Line 31)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 32)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className = '', (Line 45)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4"> (Line 124)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-semibold text-white mb-3">Component Props (Line 125)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70">No editable props available

(Line 128)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 135)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block text-sm text-white/70"> (Line 136)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full px-3 py-2 bg-white/255 border border-white/300 rounded text-white placeholder-white/50 focus:outline-none focus:border-white/300" (Line 145)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full px-3 py-2 bg-white/255 border border-white/300 rounded text-white placeholder-white/50 focus:outline-none focus:border-white/300" (Line 145)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center space-x-2 cursor-pointer"> (Line 159)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="rounded border-white/300 text-blue-500 focus:ring-blue-500" (Line 164)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70">{value ? 'True' : 'False'} (Line 166)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full px-3 py-2 bg-white/255 border border-white/300 rounded text-white placeholder-white/50 focus:outline-none focus:border-white/300 font-mono text-sm" (Line 182)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`flex flex-col h-full ${className}`} (Line 195)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between p-4 border-b border-white/300"> (Line 200)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xl font-semibold text-white">Component Playground (Line 201)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center space-x-4"> (Line 203)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-2 bg-white/255 border border-white/300 rounded text-white focus:outline-none focus:border-white/300" (Line 208)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-1 overflow-hidden"> (Line 220)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-64 border-r border-white/300 p-4 overflow-y-auto"> (Line 222)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-semibold text-white mb-4">Components (Line 223)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 135)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`w-full text-left p-3 rounded transition-colors ${ (Line 230)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium text-sm">{example.name}

(Line 236)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs opacity-70 mt-1">{example.description}

(Line 238)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs opacity-50 mt-1 capitalize">{example.category}

(Line 240)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 flex flex-col"> (Line 247)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex border-b border-white/300"> (Line 249)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`px-4 py-3 text-sm font-medium transition-colors ${ (Line 252)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`px-4 py-3 text-sm font-medium transition-colors ${ (Line 252)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`px-4 py-3 text-sm font-medium transition-colors ${ (Line 252)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`px-4 py-3 text-sm font-medium transition-colors ${ (Line 252)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 overflow-hidden"> (Line 304)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-full p-6 overflow-auto"> (Line 307)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="max-w-4xl mx-auto"> (Line 308)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-6"> (Line 310)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold text-white mb-2"> (Line 312)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70">{currentExample.description}

(Line 316)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6 min-h-64 flex items-center justify-center" (Line 322)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center h-64 text-white/70"> (Line 330)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-full p-6 overflow-auto"> (Line 307)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4"> (Line 124)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 342)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold text-white">Generated Code (Line 343)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-1 text-sm bg-white/255 hover:bg-white/250 rounded transition-colors" (Line 346)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 bg-black/20 rounded overflow-x-auto"> (Line 352)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white font-mono whitespace-pre-wrap"> (Line 353)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-full p-6 overflow-y-auto"> (Line 363)

src/components/interactive/GlassComponentPlayground.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-full p-6 overflow-auto"> (Line 307)

src/components/interactive/GlassDraggable.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/interactive/GlassDraggable.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/interactive/GlassDraggable.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 30)

src/components/interactive/GlassDraggable.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 text-center"> (Line 42)

src/components/interactive/GlassDraggable.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">GlassDraggable (Line 43)

src/components/interactive/GlassDraggable.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">This is the default glassdraggable component.

(Line 44)

src/components/interactive/GlassDraggable.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 52)

src/components/interactive/GlassDraggable.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/interactive/GlassDraggable.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/interactive/GlassDraggable.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 30)

src/components/interactive/GlassDraggable.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 text-center"> (Line 42)

src/components/interactive/GlassDraggable.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">GlassDraggable (Line 43)

src/components/interactive/GlassDraggable.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">This is the default glassdraggable component.

(Line 44)

src/components/interactive/GlassDraggable.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 52)

src/components/interactive/GlassDraggable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 48)

src/components/interactive/GlassDraggable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 50)

src/components/interactive/GlassDraggable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 86)

src/components/interactive/GlassDraggable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center w-6 h-6 text-white/70 hover:text-white cursor-grab active:cursor-grabbing"> (Line 152)

src/components/interactive/GlassDraggable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 153)

src/components/interactive/GlassDraggable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 160)

src/components/interactive/GlassDraggable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 48)

src/components/interactive/GlassDraggable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute top-2 right-2 z-10"> (Line 179)

src/components/interactive/GlassDraggable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 160)

src/components/interactive/GlassDraggable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="fixed pointer-events-none z-40 opacity-50" (Line 194)

src/components/interactive/GlassDraggable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="scale-95"> (Line 201)

src/components/interactive/GlassDraggable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 48)

src/components/interactive/GlassDraggable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 50)

src/components/interactive/GlassDraggable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 86)

src/components/interactive/GlassDraggable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 160)

src/components/interactive/GlassDraggable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 48)

src/components/interactive/GlassDraggable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 333)

src/components/interactive/GlassDraggable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 337)

src/components/interactive/GlassDraggable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 160)

src/components/interactive/GlassDraggable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 160)

src/components/interactive/GlassDraggable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 48)

src/components/interactive/GlassDraggable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 50)

src/components/interactive/GlassDraggable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 86)

src/components/interactive/GlassDraggable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 160)

src/components/interactive/GlassDraggable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 48)

src/components/interactive/GlassDraggable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 160)

src/components/interactive/GlassDraggable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute top-2 right-2 z-10"> (Line 179)

src/components/interactive/GlassDraggable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center w-6 h-6 text-white/70 hover:text-white cursor-grab active:cursor-grabbing bg-black/20 rounded"> (Line 457)

src/components/interactive/GlassDraggable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 153)

src/components/interactive/GlassDraggable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 160)

src/components/interactive/GlassDraggable.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 333)

src/components/interactive/GlassDraggable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 48)

src/components/interactive/GlassDraggable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 50)

src/components/interactive/GlassDraggable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 86)

src/components/interactive/GlassDraggable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center w-6 h-6 text-white/70 hover:text-white cursor-grab active:cursor-grabbing"> (Line 152)

src/components/interactive/GlassDraggable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 153)

src/components/interactive/GlassDraggable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 160)

src/components/interactive/GlassDraggable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 48)

src/components/interactive/GlassDraggable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute top-2 right-2 z-10"> (Line 179)

src/components/interactive/GlassDraggable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 160)

src/components/interactive/GlassDraggable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="fixed pointer-events-none z-40 opacity-50" (Line 194)

src/components/interactive/GlassDraggable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="scale-95"> (Line 201)

src/components/interactive/GlassDraggable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 48)

src/components/interactive/GlassDraggable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 50)

src/components/interactive/GlassDraggable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 86)

src/components/interactive/GlassDraggable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 160)

src/components/interactive/GlassDraggable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 48)

src/components/interactive/GlassDraggable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 333)

src/components/interactive/GlassDraggable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 337)

src/components/interactive/GlassDraggable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 160)

src/components/interactive/GlassDraggable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 160)

src/components/interactive/GlassDraggable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 48)

src/components/interactive/GlassDraggable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 50)

src/components/interactive/GlassDraggable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 86)

src/components/interactive/GlassDraggable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 160)

src/components/interactive/GlassDraggable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 48)

src/components/interactive/GlassDraggable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 160)

src/components/interactive/GlassDraggable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute top-2 right-2 z-10"> (Line 179)

src/components/interactive/GlassDraggable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center w-6 h-6 text-white/70 hover:text-white cursor-grab active:cursor-grabbing bg-black/20 rounded"> (Line 457)

src/components/interactive/GlassDraggable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 153)

src/components/interactive/GlassDraggable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 160)

src/components/interactive/GlassDraggable.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 333)

src/components/interactive/GlassFacetSearch.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 163)

src/components/interactive/GlassFacetSearch.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 163)

src/components/interactive/GlassFacetSearch.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 163)

src/components/interactive/GlassFacetSearch.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 163)

src/components/interactive/GlassFacetSearch.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 163)

src/components/interactive/GlassFacetSearch.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 163)

src/components/interactive/GlassFacetSearch.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 163)

src/components/interactive/GlassFacetSearch.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 163)

src/components/interactive/GlassFacetSearch.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 163)

src/components/interactive/GlassFacetSearch.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 163)

src/components/interactive/GlassFacetSearch.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 163)

src/components/interactive/GlassFacetSearch.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 163)

src/components/interactive/GlassFacetSearch.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 163)

src/components/interactive/GlassFacetSearch.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 163)

src/components/interactive/GlassFacetSearch.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 163)

src/components/interactive/GlassFacetSearch.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 163)

src/components/interactive/GlassFacetSearch.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 163)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 56)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 81)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 171)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 56)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative mb-4"> (Line 181)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full pr-12" (Line 187)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" />} (Line 188)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute right-3 top-1/2 -translate-y-1/2 flex items-center gap-2"> (Line 190)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 border-2 border-white/300 border-t-white rounded-full animate-spin" /> (Line 192)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 hover:text-white transition-colors" (Line 197)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 188)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 171)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 188)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute top-full left-0 right-0 mt-1 z-10 max-h-60 overflow-y-auto" (Line 224)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="rounded-lg overflow-hidden shadow-lg"> (Line 226)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2"> (Line 228)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70 px-2 py-1">Suggestions

(Line 229)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full text-left px-2 py-1 text-sm text-white hover:bg-white/255 rounded transition-colors" (Line 238)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2 border-t border-white/300"> (Line 247)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70 px-2 py-1">Recent Searches

(Line 248)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full text-left px-2 py-1 text-sm text-white hover:bg-white/255 rounded transition-colors" (Line 238)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mb-6 border border-white/300 rounded-lg overflow-hidden" (Line 277)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4"> (Line 279)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between mb-4"> (Line 280)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-semibold text-white flex items-center gap-2"> (Line 281)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 188)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 hover:text-white" (Line 290)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4"> (Line 297)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 316)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 317)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-semibold text-white"> (Line 318)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70"> (Line 322)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center py-8" (Line 334)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-6 h-6 border-2 border-white/300 border-t-white rounded-full animate-spin" /> (Line 336)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2" (Line 316)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-3 bg-white/25 hover:bg-white/255 rounded-lg cursor-pointer transition-all duration-200 hover:-translate-y-0.5 ring-1 ring-transparent hover:ring-white/10" (Line 351)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-start justify-between"> (Line 354)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1"> (Line 355)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium text-white">{result.title} (Line 356)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70 mt-1">{result.description}

(Line 358)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2 mt-2"> (Line 360)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-2 py-1 text-xs bg-white/255 text-white/80 rounded"> (Line 362)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1 px-2 py-1 text-xs bg-blue-500/20 text-blue-300 rounded"> (Line 367)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 368)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70"> (Line 375)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center py-8 text-white/70" (Line 388)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center py-8 text-white/70" (Line 388)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="border border-white/300 rounded-lg overflow-hidden"> (Line 429)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full flex items-center justify-between p-3 text-left hover:bg-white/25 transition-colors" (Line 432)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium text-white">{facet.label} (Line 434)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 text-white/70" /> (Line 436)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 text-white/70" /> (Line 436)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 pb-3" (Line 448)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 316)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 317)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70">({option.count}) (Line 494)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-3"> (Line 503)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full" (Line 510)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-between text-sm text-white/70"> (Line 512)

src/components/interactive/GlassFacetSearch.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 316)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 56)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 81)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 171)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 56)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative mb-4"> (Line 181)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full pr-12" (Line 187)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" />} (Line 188)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute right-3 top-1/2 -translate-y-1/2 flex items-center gap-2"> (Line 190)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 border-2 border-white/300 border-t-white rounded-full animate-spin" /> (Line 192)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 hover:text-white transition-colors" (Line 197)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 188)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 171)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 188)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute top-full left-0 right-0 mt-1 z-10 max-h-60 overflow-y-auto" (Line 224)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="rounded-lg overflow-hidden shadow-lg"> (Line 226)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2"> (Line 228)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70 px-2 py-1">Suggestions

(Line 229)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full text-left px-2 py-1 text-sm text-white hover:bg-white/255 rounded transition-colors" (Line 238)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2 border-t border-white/300"> (Line 247)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70 px-2 py-1">Recent Searches

(Line 248)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full text-left px-2 py-1 text-sm text-white hover:bg-white/255 rounded transition-colors" (Line 238)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mb-6 border border-white/300 rounded-lg overflow-hidden" (Line 277)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4"> (Line 279)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between mb-4"> (Line 280)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-semibold text-white flex items-center gap-2"> (Line 281)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 188)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 hover:text-white" (Line 290)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4"> (Line 297)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 316)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 317)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-semibold text-white"> (Line 318)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70"> (Line 322)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center py-8" (Line 334)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-6 h-6 border-2 border-white/300 border-t-white rounded-full animate-spin" /> (Line 336)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2" (Line 316)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-3 bg-white/25 hover:bg-white/255 rounded-lg cursor-pointer transition-all duration-200 hover:-translate-y-0.5 ring-1 ring-transparent hover:ring-white/10" (Line 351)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-start justify-between"> (Line 354)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1"> (Line 355)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium text-white">{result.title} (Line 356)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70 mt-1">{result.description}

(Line 358)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2 mt-2"> (Line 360)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-2 py-1 text-xs bg-white/255 text-white/80 rounded"> (Line 362)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1 px-2 py-1 text-xs bg-blue-500/20 text-blue-300 rounded"> (Line 367)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 368)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70"> (Line 375)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center py-8 text-white/70" (Line 388)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center py-8 text-white/70" (Line 388)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="border border-white/300 rounded-lg overflow-hidden"> (Line 429)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full flex items-center justify-between p-3 text-left hover:bg-white/25 transition-colors" (Line 432)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium text-white">{facet.label} (Line 434)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 text-white/70" /> (Line 436)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 text-white/70" /> (Line 436)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 pb-3" (Line 448)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 316)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 317)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70">({option.count}) (Line 494)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-3"> (Line 503)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full" (Line 510)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-between text-sm text-white/70"> (Line 512)

src/components/interactive/GlassFacetSearch.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 316)

src/components/interactive/GlassFileExplorer.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 336)

src/components/interactive/GlassFileExplorer.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 336)

src/components/interactive/GlassFileExplorer.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 336)

src/components/interactive/GlassFileExplorer.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 336)

src/components/interactive/GlassFileExplorer.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 336)

src/components/interactive/GlassFileExplorer.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 336)

src/components/interactive/GlassFileExplorer.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 336)

src/components/interactive/GlassFileExplorer.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 336)

src/components/interactive/GlassFileExplorer.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 336)

src/components/interactive/GlassFileExplorer.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 336)

src/components/interactive/GlassFileExplorer.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 336)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 69)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 103)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className = 'pointer-events-none px-3 py-1.5 rounded-lg bg-black/40 ring-1 ring-white/10 text-white text-sm backdrop-blur-md shadow-xl'; (Line 245)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5 text-blue-400" />; (Line 271)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5 text-green-400" />; (Line 281)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5 text-purple-400" />; (Line 286)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5 text-pink-400" />; (Line 290)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5 text-orange-400" />; (Line 294)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5 text-yellow-400" />; (Line 306)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5 text-gray-400" />; (Line 308)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 344)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 69)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between mb-4 pb-4 border-b border-white/300"> (Line 355)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 356)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 hover:text-white" (Line 362)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 364)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 hover:text-white" (Line 362)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 364)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 hover:text-white" (Line 362)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 364)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 356)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 hover:text-white" (Line 362)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 mr-1" /> (Line 398)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 hover:text-white" (Line 362)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 mr-1" /> (Line 398)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="hidden" (Line 419)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center border border-white/300 rounded-lg"> (Line 424)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="rounded-r-none border-r border-white/300" (Line 429)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 364)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="rounded-l-none" (Line 437)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 364)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mb-4"> (Line 448)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mb-4"> (Line 448)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" />} (Line 477)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 overflow-auto"> (Line 483)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center py-8"> (Line 485)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-8 h-8 border-2 border-white/300 border-t-white rounded-full animate-spin" /> (Line 486)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 344)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 344)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative"> (Line 507)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 344)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-col items-center text-center"> (Line 526)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-12 h-12 object-cover rounded mb-2" (Line 531)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-12 h-12 flex items-center justify-center mb-2"> (Line 534)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white font-medium truncate w-full"> (Line 538)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70"> (Line 542)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0"> (Line 549)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-8 h-8 object-cover rounded" (Line 554)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-0"> (Line 561)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 356)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 glass-pulse-ring" (Line 572)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 364)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 364)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium text-white truncate"> (Line 590)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70"> (Line 594)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute top-2 right-2 w-6 h-6 p-0 opacity-0 group-hover:opacity-100 hover:bg-white/250" (Line 607)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 614)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="fixed inset-0 bg-black/50 backdrop-blur-sm z-50 flex items-center justify-center"> (Line 626)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="rounded-lg p-6 max-w-md w-full mx-4"> (Line 627)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold text-white mb-4">Create New Folder (Line 628)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mb-4" (Line 448)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-2"> (Line 637)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1" (Line 641)

src/components/interactive/GlassFileExplorer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1" (Line 641)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 69)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 103)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className = 'pointer-events-none px-3 py-1.5 rounded-lg bg-black/40 ring-1 ring-white/10 text-white text-sm backdrop-blur-md shadow-xl'; (Line 245)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5 text-blue-400" />; (Line 271)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5 text-green-400" />; (Line 281)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5 text-purple-400" />; (Line 286)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5 text-pink-400" />; (Line 290)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5 text-orange-400" />; (Line 294)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5 text-yellow-400" />; (Line 306)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5 text-gray-400" />; (Line 308)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 344)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 69)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between mb-4 pb-4 border-b border-white/300"> (Line 355)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 356)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 hover:text-white" (Line 362)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 364)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 hover:text-white" (Line 362)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 364)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 hover:text-white" (Line 362)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 364)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 356)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 hover:text-white" (Line 362)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 mr-1" /> (Line 398)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 hover:text-white" (Line 362)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 mr-1" /> (Line 398)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="hidden" (Line 419)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center border border-white/300 rounded-lg"> (Line 424)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="rounded-r-none border-r border-white/300" (Line 429)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 364)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="rounded-l-none" (Line 437)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 364)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mb-4"> (Line 448)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mb-4"> (Line 448)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" />} (Line 477)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 overflow-auto"> (Line 483)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center py-8"> (Line 485)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-8 h-8 border-2 border-white/300 border-t-white rounded-full animate-spin" /> (Line 486)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 344)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 344)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative"> (Line 507)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 344)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-col items-center text-center"> (Line 526)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-12 h-12 object-cover rounded mb-2" (Line 531)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-12 h-12 flex items-center justify-center mb-2"> (Line 534)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white font-medium truncate w-full"> (Line 538)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70"> (Line 542)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0"> (Line 549)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-8 h-8 object-cover rounded" (Line 554)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-0"> (Line 561)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 356)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 glass-pulse-ring" (Line 572)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 364)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 364)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium text-white truncate"> (Line 590)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70"> (Line 594)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute top-2 right-2 w-6 h-6 p-0 opacity-0 group-hover:opacity-100 hover:bg-white/250" (Line 607)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 614)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="fixed inset-0 bg-black/50 backdrop-blur-sm z-50 flex items-center justify-center"> (Line 626)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="rounded-lg p-6 max-w-md w-full mx-4"> (Line 627)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold text-white mb-4">Create New Folder (Line 628)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mb-4" (Line 448)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-2"> (Line 637)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1" (Line 641)

src/components/interactive/GlassFileExplorer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1" (Line 641)

src/components/interactive/GlassFileTree.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 311)

src/components/interactive/GlassFileTree.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 311)

src/components/interactive/GlassFileTree.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 311)

src/components/interactive/GlassFileTree.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 311)

src/components/interactive/GlassFileTree.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 311)

src/components/interactive/GlassFileTree.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 311)

src/components/interactive/GlassFileTree.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 311)

src/components/interactive/GlassFileTree.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 311)

src/components/interactive/GlassFileTree.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 311)

src/components/interactive/GlassFileTree.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 311)

src/components/interactive/GlassFileTree.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 311)

src/components/interactive/GlassFileTree.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 311)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 59)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 90)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className = 'pointer-events-none px-2 py-1 rounded-md bg-black/40 ring-1 ring-white/10 text-white text-xs backdrop-blur-md shadow-xl'; (Line 186)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 text-blue-400" /> : (Line 244)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 text-blue-400" />; (Line 245)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 text-green-400" />; (Line 255)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 text-purple-400" />; (Line 260)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 text-pink-400" />; (Line 264)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 text-orange-400" />; (Line 268)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 text-yellow-400" />; (Line 280)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 text-gray-400" />; (Line 282)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 325)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 p-0 hover:bg-white/250" (Line 345)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 352)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 352)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4" /> (Line 361)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0"> (Line 366)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-0"> (Line 372)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 374)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 h-6 text-sm glass-pulse-ring" (Line 383)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-6 h-6 p-0" (Line 389)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 352)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-6 h-6 p-0" (Line 389)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 352)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 374)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="truncate text-white">{node.name} (Line 404)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70"> (Line 406)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70 hidden md:block"> (Line 416)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-6 h-6 p-0 opacity-0 group-hover:opacity-100 hover:bg-white/250" (Line 425)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 352)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="overflow-hidden" (Line 443)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center py-1" (Line 459)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 border-2 border-white/300 border-t-white rounded-full animate-spin" /> (Line 462)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70 ml-2">Loading... (Line 463)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 325)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 59)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mb-4"> (Line 483)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" />} (Line 488)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="overflow-y-auto" (Line 494)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center py-8 text-white/70"> (Line 502)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="fixed inset-0 bg-black/50 backdrop-blur-sm z-50 flex items-center justify-center"> (Line 510)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete rounded-lg p-6 max-w-md w-full mx-4 bg-white/25 ring-1 ring-white/10"> (Line 511)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold text-white mb-4"> (Line 512)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mb-4" (Line 483)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-2"> (Line 523)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1" (Line 527)

src/components/interactive/GlassFileTree.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1" (Line 527)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 59)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 90)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className = 'pointer-events-none px-2 py-1 rounded-md bg-black/40 ring-1 ring-white/10 text-white text-xs backdrop-blur-md shadow-xl'; (Line 186)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 text-blue-400" /> : (Line 244)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 text-blue-400" />; (Line 245)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 text-green-400" />; (Line 255)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 text-purple-400" />; (Line 260)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 text-pink-400" />; (Line 264)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 text-orange-400" />; (Line 268)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 text-yellow-400" />; (Line 280)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 text-gray-400" />; (Line 282)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 325)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 p-0 hover:bg-white/250" (Line 345)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 352)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 352)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4" /> (Line 361)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0"> (Line 366)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-0"> (Line 372)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 374)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 h-6 text-sm glass-pulse-ring" (Line 383)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-6 h-6 p-0" (Line 389)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 352)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-6 h-6 p-0" (Line 389)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 352)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 374)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="truncate text-white">{node.name} (Line 404)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70"> (Line 406)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70 hidden md:block"> (Line 416)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-6 h-6 p-0 opacity-0 group-hover:opacity-100 hover:bg-white/250" (Line 425)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 352)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="overflow-hidden" (Line 443)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center py-1" (Line 459)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 border-2 border-white/300 border-t-white rounded-full animate-spin" /> (Line 462)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70 ml-2">Loading... (Line 463)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 325)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 59)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mb-4"> (Line 483)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" />} (Line 488)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="overflow-y-auto" (Line 494)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center py-8 text-white/70"> (Line 502)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="fixed inset-0 bg-black/50 backdrop-blur-sm z-50 flex items-center justify-center"> (Line 510)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete rounded-lg p-6 max-w-md w-full mx-4 bg-white/25 ring-1 ring-white/10"> (Line 511)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold text-white mb-4"> (Line 512)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mb-4" (Line 483)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-2"> (Line 523)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1" (Line 527)

src/components/interactive/GlassFileTree.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1" (Line 527)

src/components/interactive/GlassFileUpload.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/interactive/GlassFileUpload.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/interactive/GlassFileUpload.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 30)

src/components/interactive/GlassFileUpload.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 text-center"> (Line 42)

src/components/interactive/GlassFileUpload.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">GlassFileUpload (Line 43)

src/components/interactive/GlassFileUpload.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">This is the default glassfileupload component.

(Line 44)

src/components/interactive/GlassFileUpload.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 52)

src/components/interactive/GlassFileUpload.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/interactive/GlassFileUpload.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/interactive/GlassFileUpload.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 30)

src/components/interactive/GlassFileUpload.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 text-center"> (Line 42)

src/components/interactive/GlassFileUpload.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">GlassFileUpload (Line 43)

src/components/interactive/GlassFileUpload.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">This is the default glassfileupload component.

(Line 44)

src/components/interactive/GlassFileUpload.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 52)

src/components/interactive/GlassFileUpload.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 136)

src/components/interactive/GlassFileUpload.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 362)

src/components/interactive/GlassFileUpload.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 362)

src/components/interactive/GlassFileUpload.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 362)

src/components/interactive/GlassFileUpload.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 400)

src/components/interactive/GlassFileUpload.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-3"> (Line 405)

src/components/interactive/GlassFileUpload.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0"> (Line 407)

src/components/interactive/GlassFileUpload.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-10 h-10 object-cover rounded" (Line 412)

src/components/interactive/GlassFileUpload.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-10 h-10 rounded bg-muted/30 flex items-center justify-center"> (Line 415)

src/components/interactive/GlassFileUpload.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-0"> (Line 422)

src/components/interactive/GlassFileUpload.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium text-foreground truncate"> (Line 423)

src/components/interactive/GlassFileUpload.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2 mt-1"> (Line 426)

src/components/interactive/GlassFileUpload.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-muted-foreground"> (Line 427)

src/components/interactive/GlassFileUpload.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-2" (Line 447)

src/components/interactive/GlassFileUpload.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-destructive mt-1">{file.error}

(Line 453)

src/components/interactive/GlassFileUpload.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1"> (Line 458)

src/components/interactive/GlassFileUpload.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('w-full', className)} {...props}> (Line 494)

src/components/interactive/GlassFileUpload.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="hidden" (Line 501)

src/components/interactive/GlassFileUpload.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 400)

src/components/interactive/GlassFileUpload.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-col items-center justify-center text-center"> (Line 537)

src/components/interactive/GlassFileUpload.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 400)

src/components/interactive/GlassFileUpload.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-foreground font-medium mb-1"> (Line 555)

src/components/interactive/GlassFileUpload.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-muted-foreground"> (Line 560)

src/components/interactive/GlassFileUpload.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-muted-foreground mt-2"> (Line 566)

src/components/interactive/GlassFileUpload.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-destructive mt-2">{error}

(Line 576)

src/components/interactive/GlassFileUpload.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('mt-4 space-y-2', { (Line 581)

src/components/interactive/GlassFileUpload.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-4 flex justify-end"> (Line 590)

src/components/interactive/GlassFileUpload.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 136)

src/components/interactive/GlassFileUpload.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 362)

src/components/interactive/GlassFileUpload.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 362)

src/components/interactive/GlassFileUpload.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 362)

src/components/interactive/GlassFileUpload.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 400)

src/components/interactive/GlassFileUpload.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-3"> (Line 405)

src/components/interactive/GlassFileUpload.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0"> (Line 407)

src/components/interactive/GlassFileUpload.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-10 h-10 object-cover rounded" (Line 412)

src/components/interactive/GlassFileUpload.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-10 h-10 rounded bg-muted/30 flex items-center justify-center"> (Line 415)

src/components/interactive/GlassFileUpload.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-0"> (Line 422)

src/components/interactive/GlassFileUpload.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium text-foreground truncate"> (Line 423)

src/components/interactive/GlassFileUpload.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2 mt-1"> (Line 426)

src/components/interactive/GlassFileUpload.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-muted-foreground"> (Line 427)

src/components/interactive/GlassFileUpload.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-2" (Line 447)

src/components/interactive/GlassFileUpload.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-destructive mt-1">{file.error}

(Line 453)

src/components/interactive/GlassFileUpload.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1"> (Line 458)

src/components/interactive/GlassFileUpload.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('w-full', className)} {...props}> (Line 494)

src/components/interactive/GlassFileUpload.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="hidden" (Line 501)

src/components/interactive/GlassFileUpload.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 400)

src/components/interactive/GlassFileUpload.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-col items-center justify-center text-center"> (Line 537)

src/components/interactive/GlassFileUpload.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 400)

src/components/interactive/GlassFileUpload.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-foreground font-medium mb-1"> (Line 555)

src/components/interactive/GlassFileUpload.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-muted-foreground"> (Line 560)

src/components/interactive/GlassFileUpload.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-muted-foreground mt-2"> (Line 566)

src/components/interactive/GlassFileUpload.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-destructive mt-2">{error}

(Line 576)

src/components/interactive/GlassFileUpload.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('mt-4 space-y-2', { (Line 581)

src/components/interactive/GlassFileUpload.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-4 flex justify-end"> (Line 590)

src/components/interactive/GlassFilterPanel.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 155)

src/components/interactive/GlassFilterPanel.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 155)

src/components/interactive/GlassFilterPanel.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 155)

src/components/interactive/GlassFilterPanel.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 155)

src/components/interactive/GlassFilterPanel.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 155)

src/components/interactive/GlassFilterPanel.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 155)

src/components/interactive/GlassFilterPanel.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 155)

src/components/interactive/GlassFilterPanel.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 155)

src/components/interactive/GlassFilterPanel.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 155)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 47)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 68)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 163)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 47)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between mb-6"> (Line 173)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 174)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5 text-white/70" /> (Line 175)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-semibold text-white">{title} (Line 176)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-2 py-1 text-xs bg-blue-500/20 text-blue-300 rounded-full"> (Line 178)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 174)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 hover:text-white" (Line 190)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 mr-1" /> (Line 192)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mb-4"> (Line 212)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full" (Line 217)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" />} (Line 218)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mb-6"> (Line 225)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between mb-2"> (Line 226)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium text-white/70">Presets (Line 227)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 hover:text-white" (Line 190)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 mr-1" /> (Line 192)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-2"> (Line 241)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs" (Line 248)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4"> (Line 258)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="rounded-lg overflow-hidden ring-1 ring-white/10" (Line 266)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full flex items-center justify-between p-3 text-left hover:bg-white/25 transition-colors" (Line 272)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 174)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium text-white">{group.label} (Line 275)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-red-400">* (Line 277)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 text-white/70" /> (Line 281)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 text-white/70" /> (Line 281)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-3 border-t border-white/300" (Line 295)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="fixed inset-0 bg-black/50 backdrop-blur-sm z-50 flex items-center justify-center"> (Line 312)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete rounded-lg p-6 max-w-md w-full mx-4 bg-white/25 ring-1 ring-white/10"> (Line 313)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold text-white mb-4">Save Filter Preset (Line 314)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mb-4" (Line 212)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-2"> (Line 321)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1" (Line 325)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1" (Line 325)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 363)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 365)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70">({option.count}) (Line 380)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between w-full"> (Line 403)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70 ml-2">({option.count}) (Line 406)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-3"> (Line 417)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full" (Line 217)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-between text-sm text-white/70"> (Line 426)

src/components/interactive/GlassFilterPanel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" />} (Line 218)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 47)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 68)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 163)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 47)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between mb-6"> (Line 173)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 174)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5 text-white/70" /> (Line 175)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-semibold text-white">{title} (Line 176)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-2 py-1 text-xs bg-blue-500/20 text-blue-300 rounded-full"> (Line 178)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 174)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 hover:text-white" (Line 190)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 mr-1" /> (Line 192)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mb-4"> (Line 212)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full" (Line 217)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" />} (Line 218)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mb-6"> (Line 225)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between mb-2"> (Line 226)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium text-white/70">Presets (Line 227)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 hover:text-white" (Line 190)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 mr-1" /> (Line 192)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-2"> (Line 241)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs" (Line 248)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4"> (Line 258)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="rounded-lg overflow-hidden ring-1 ring-white/10" (Line 266)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full flex items-center justify-between p-3 text-left hover:bg-white/25 transition-colors" (Line 272)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 174)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium text-white">{group.label} (Line 275)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-red-400">* (Line 277)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 text-white/70" /> (Line 281)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 text-white/70" /> (Line 281)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-3 border-t border-white/300" (Line 295)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="fixed inset-0 bg-black/50 backdrop-blur-sm z-50 flex items-center justify-center"> (Line 312)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete rounded-lg p-6 max-w-md w-full mx-4 bg-white/25 ring-1 ring-white/10"> (Line 313)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold text-white mb-4">Save Filter Preset (Line 314)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mb-4" (Line 212)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-2"> (Line 321)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1" (Line 325)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1" (Line 325)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 363)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 365)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70">({option.count}) (Line 380)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between w-full"> (Line 403)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70 ml-2">({option.count}) (Line 406)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-3"> (Line 417)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full" (Line 217)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-between text-sm text-white/70"> (Line 426)

src/components/interactive/GlassFilterPanel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" />} (Line 218)

src/components/interactive/GlassFocusRing.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/interactive/GlassFocusRing.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/interactive/GlassFocusRing.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 30)

src/components/interactive/GlassFocusRing.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 text-center"> (Line 42)

src/components/interactive/GlassFocusRing.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">GlassFocusRing (Line 43)

src/components/interactive/GlassFocusRing.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">This is the default glassfocusring component.

(Line 44)

src/components/interactive/GlassFocusRing.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 52)

src/components/interactive/GlassFocusRing.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/interactive/GlassFocusRing.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/interactive/GlassFocusRing.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 30)

src/components/interactive/GlassFocusRing.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 text-center"> (Line 42)

src/components/interactive/GlassFocusRing.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">GlassFocusRing (Line 43)

src/components/interactive/GlassFocusRing.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">This is the default glassfocusring component.

(Line 44)

src/components/interactive/GlassFocusRing.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 52)

src/components/interactive/GlassFormBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 145)

src/components/interactive/GlassFormBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 176)

src/components/interactive/GlassFormBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-3 cursor-pointer"> (Line 353)

src/components/interactive/GlassFormBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="rounded border-border focus:ring-primary" (Line 359)

src/components/interactive/GlassFormBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('font-medium', sizeClasses[size])}> (Line 361)

src/components/interactive/GlassFormBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-destructive ml-1">*} (Line 363)

src/components/interactive/GlassFormBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 370)

src/components/interactive/GlassFormBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('font-medium text-foreground', sizeClasses[size])}> (Line 371)

src/components/interactive/GlassFormBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-destructive ml-1">*} (Line 363)

src/components/interactive/GlassFormBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 370)

src/components/interactive/GlassFormBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-3 cursor-pointer"> (Line 353)

src/components/interactive/GlassFormBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="border-border focus:ring-primary" (Line 384)

src/components/interactive/GlassFormBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm">{option.label} (Line 386)

src/components/interactive/GlassFormBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('w-full', className)} (Line 451)

src/components/interactive/GlassFormBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mb-6"> (Line 456)

src/components/interactive/GlassFormBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('font-semibold text-foreground mb-2', { (Line 458)

src/components/interactive/GlassFormBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-muted-foreground mb-4">{description}

(Line 468)

src/components/interactive/GlassFormBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-4"> (Line 472)

src/components/interactive/GlassFormBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 bg-muted/30 rounded-full h-2"> (Line 473)

src/components/interactive/GlassFormBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="bg-primary h-2 rounded-full transition-all duration-300" (Line 475)

src/components/interactive/GlassFormBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-muted-foreground"> (Line 481)

src/components/interactive/GlassFormBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={variantClasses[variant]}> (Line 490)

src/components/interactive/GlassFormBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6"> (Line 493)

src/components/interactive/GlassFormBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 361)

src/components/interactive/GlassFormBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('font-medium text-foreground', { (Line 503)

src/components/interactive/GlassFormBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-muted-foreground mt-1"> (Line 511)

src/components/interactive/GlassFormBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-12 gap-4"> (Line 529)

src/components/interactive/GlassFormBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('col-span-12', getFieldWidthClass(field))} (Line 536)

src/components/interactive/GlassFormBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-muted-foreground mt-1"> (Line 540)

src/components/interactive/GlassFormBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-end gap-3 mt-8"> (Line 554)

src/components/interactive/GlassFormBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 145)

src/components/interactive/GlassFormBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 176)

src/components/interactive/GlassFormBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-3 cursor-pointer"> (Line 353)

src/components/interactive/GlassFormBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="rounded border-border focus:ring-primary" (Line 359)

src/components/interactive/GlassFormBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('font-medium', sizeClasses[size])}> (Line 361)

src/components/interactive/GlassFormBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-destructive ml-1">*} (Line 363)

src/components/interactive/GlassFormBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 370)

src/components/interactive/GlassFormBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('font-medium text-foreground', sizeClasses[size])}> (Line 371)

src/components/interactive/GlassFormBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-destructive ml-1">*} (Line 363)

src/components/interactive/GlassFormBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 370)

src/components/interactive/GlassFormBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-3 cursor-pointer"> (Line 353)

src/components/interactive/GlassFormBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="border-border focus:ring-primary" (Line 384)

src/components/interactive/GlassFormBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm">{option.label} (Line 386)

src/components/interactive/GlassFormBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('w-full', className)} (Line 451)

src/components/interactive/GlassFormBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mb-6"> (Line 456)

src/components/interactive/GlassFormBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('font-semibold text-foreground mb-2', { (Line 458)

src/components/interactive/GlassFormBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-muted-foreground mb-4">{description}

(Line 468)

src/components/interactive/GlassFormBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-4"> (Line 472)

src/components/interactive/GlassFormBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 bg-muted/30 rounded-full h-2"> (Line 473)

src/components/interactive/GlassFormBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="bg-primary h-2 rounded-full transition-all duration-300" (Line 475)

src/components/interactive/GlassFormBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-muted-foreground"> (Line 481)

src/components/interactive/GlassFormBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={variantClasses[variant]}> (Line 490)

src/components/interactive/GlassFormBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6"> (Line 493)

src/components/interactive/GlassFormBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 361)

src/components/interactive/GlassFormBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('font-medium text-foreground', { (Line 503)

src/components/interactive/GlassFormBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-muted-foreground mt-1"> (Line 511)

src/components/interactive/GlassFormBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-12 gap-4"> (Line 529)

src/components/interactive/GlassFormBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('col-span-12', getFieldWidthClass(field))} (Line 536)

src/components/interactive/GlassFormBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-muted-foreground mt-1"> (Line 540)

src/components/interactive/GlassFormBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-end gap-3 mt-8"> (Line 554)

src/components/interactive/GlassGallery.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 211)

src/components/interactive/GlassGallery.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 211)

src/components/interactive/GlassGallery.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 211)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 76)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 78)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 103)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('grid gap-4', getGridColumnsClass())}> (Line 175)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="group relative animate-fade-in" (Line 179)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 175)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-0"> (Line 195)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative overflow-hidden"> (Line 196)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" (Line 200)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute top-2 left-2"> (Line 206)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 207)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-full flex items-center justify-center"> (Line 214)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete w-2 h-2 bg-white rounded-full" /> (Line 215)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 bg-black/0 group-hover:bg-black/40 transition-all duration-200"> (Line 223)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"> (Line 224)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-2"> (Line 225)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 233)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 235)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 233)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 235)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 233)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 235)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-black/80 to-transparent"> (Line 265)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white font-medium text-sm truncate"> (Line 266)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/80 text-xs mt-1 line-clamp-2"> (Line 270)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-3 border-t border-white/300"> (Line 280)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between text-xs text-white/70"> (Line 281)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-3"> (Line 282)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1"> (Line 284)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 285)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1"> (Line 284)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 285)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-1"> (Line 298)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4"> (Line 318)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="animate-slide-in-up" (Line 322)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="overflow-hidden cursor-pointer hover:scale-[1.01] transition-transform" (Line 332)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-0"> (Line 195)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex"> (Line 335)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-32 h-32 flex-shrink-0"> (Line 336)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-full object-cover" (Line 340)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 p-4"> (Line 345)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-start justify-between"> (Line 346)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1"> (Line 347)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white font-medium mb-1"> (Line 348)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 text-sm mb-2"> (Line 352)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-4 text-xs text-white/70"> (Line 357)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1"> (Line 284)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 285)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1"> (Line 284)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 285)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-1 ml-4"> (Line 379)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 233)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 235)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 233)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 235)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 233)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 235)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-1 mt-3"> (Line 414)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="fixed inset-0 z-50 bg-black/90 flex items-center justify-center p-4"> (Line 438)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative max-w-4xl max-h-full"> (Line 439)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute top-4 right-4 z-10" (Line 445)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 235)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute left-4 top-1/2 transform -translate-y-1/2" (Line 457)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-6 h-6" /> (Line 459)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute right-4 top-1/2 transform -translate-y-1/2" (Line 466)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-6 h-6" /> (Line 459)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="max-h-[80vh]" (Line 485)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-4 text-center"> (Line 490)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white text-lg font-medium mb-1"> (Line 492)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/80"> (Line 497)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full"> (Line 509)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('space-y-6', className)} {...props}> (Line 510)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 512)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-4"> (Line 513)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="bg-glass-fill ring-1 ring-white/10 rounded px-3 py-1 text-sm text-white focus:outline-none focus:ring-white/30" (Line 518)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 536)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 233)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 235)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 233)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 235)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center py-12"> (Line 559)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 mb-4"> (Line 560)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-12 h-12 mx-auto" /> (Line 561)

src/components/interactive/GlassGallery.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70"> (Line 563)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 76)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 78)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 103)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('grid gap-4', getGridColumnsClass())}> (Line 175)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="group relative animate-fade-in" (Line 179)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 175)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-0"> (Line 195)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative overflow-hidden"> (Line 196)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" (Line 200)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute top-2 left-2"> (Line 206)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 207)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-full flex items-center justify-center"> (Line 214)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete w-2 h-2 bg-white rounded-full" /> (Line 215)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 bg-black/0 group-hover:bg-black/40 transition-all duration-200"> (Line 223)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"> (Line 224)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-2"> (Line 225)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 233)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 235)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 233)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 235)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 233)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 235)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-black/80 to-transparent"> (Line 265)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white font-medium text-sm truncate"> (Line 266)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/80 text-xs mt-1 line-clamp-2"> (Line 270)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-3 border-t border-white/300"> (Line 280)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between text-xs text-white/70"> (Line 281)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-3"> (Line 282)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1"> (Line 284)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 285)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1"> (Line 284)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 285)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-1"> (Line 298)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4"> (Line 318)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="animate-slide-in-up" (Line 322)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="overflow-hidden cursor-pointer hover:scale-[1.01] transition-transform" (Line 332)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-0"> (Line 195)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex"> (Line 335)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-32 h-32 flex-shrink-0"> (Line 336)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-full object-cover" (Line 340)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 p-4"> (Line 345)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-start justify-between"> (Line 346)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1"> (Line 347)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white font-medium mb-1"> (Line 348)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 text-sm mb-2"> (Line 352)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-4 text-xs text-white/70"> (Line 357)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1"> (Line 284)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 285)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1"> (Line 284)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 285)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-1 ml-4"> (Line 379)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 233)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 235)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 233)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 235)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 233)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 235)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-1 mt-3"> (Line 414)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="fixed inset-0 z-50 bg-black/90 flex items-center justify-center p-4"> (Line 438)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative max-w-4xl max-h-full"> (Line 439)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute top-4 right-4 z-10" (Line 445)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 235)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute left-4 top-1/2 transform -translate-y-1/2" (Line 457)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-6 h-6" /> (Line 459)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute right-4 top-1/2 transform -translate-y-1/2" (Line 466)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-6 h-6" /> (Line 459)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="max-h-[80vh]" (Line 485)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-4 text-center"> (Line 490)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white text-lg font-medium mb-1"> (Line 492)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/80"> (Line 497)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full"> (Line 509)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('space-y-6', className)} {...props}> (Line 510)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 512)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-4"> (Line 513)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="bg-glass-fill ring-1 ring-white/10 rounded px-3 py-1 text-sm text-white focus:outline-none focus:ring-white/30" (Line 518)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 536)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 233)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 235)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 233)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 235)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center py-12"> (Line 559)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 mb-4"> (Line 560)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-12 h-12 mx-auto" /> (Line 561)

src/components/interactive/GlassGallery.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70"> (Line 563)

src/components/interactive/GlassGradientPicker.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 298)

src/components/interactive/GlassGradientPicker.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 298)

src/components/interactive/GlassGradientPicker.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 298)

src/components/interactive/GlassGradientPicker.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 298)

src/components/interactive/GlassGradientPicker.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 293)

src/components/interactive/GlassGradientPicker.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 293)

src/components/interactive/GlassGradientPicker.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 293)

src/components/interactive/GlassGradientPicker.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 293)

src/components/interactive/GlassGradientPicker.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 293)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 69)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 71)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 88)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full"> (Line 256)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('overflow-hidden', className)} {...props}> (Line 257)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="pb-3"> (Line 258)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 259)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white text-lg font-semibold flex items-center gap-2"> (Line 260)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5" /> (Line 261)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-2"> (Line 265)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 270)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 273)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 270)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> : } (Line 283)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="pt-0 space-y-6"> (Line 289)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-3"> (Line 291)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-32 rounded-lg border border-white/300" (Line 293)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 259)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70 bg-white/255 px-2 py-1 rounded font-mono truncate flex-1 mr-2"> (Line 298)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 270)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 273)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-3"> (Line 291)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/80 text-sm font-medium">Type (Line 317)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-2"> (Line 265)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="capitalize" (Line 325)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-3"> (Line 291)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/80 text-sm font-medium">Angle: {angle}° (Line 337)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-2 bg-white/250 rounded-lg appearance-none cursor-pointer" (Line 344)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-3"> (Line 291)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 259)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/80 text-sm font-medium">Color Stops (Line 353)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-1" (Line 359)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 273)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 367)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 371)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-8 h-8 rounded border border-white/300 cursor-pointer" (Line 383)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1"> (Line 386)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-2 bg-white/250 rounded-lg appearance-none cursor-pointer" (Line 344)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70 mt-1"> (Line 395)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-1 text-red-400 hover:text-red-300" (Line 405)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 273)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-3"> (Line 291)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/80 text-sm font-medium">Presets (Line 419)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-2 gap-3"> (Line 420)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="cursor-pointer group" (Line 424)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-16 rounded-lg border border-white/300 group-hover:border-white/300 transition-all" (Line 428)

src/components/interactive/GlassGradientPicker.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/80 text-xs mt-2 text-center group-hover:text-white transition-colors"> (Line 435)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 69)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 71)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 88)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full"> (Line 256)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('overflow-hidden', className)} {...props}> (Line 257)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="pb-3"> (Line 258)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 259)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white text-lg font-semibold flex items-center gap-2"> (Line 260)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5" /> (Line 261)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-2"> (Line 265)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 270)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 273)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 270)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> : } (Line 283)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="pt-0 space-y-6"> (Line 289)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-3"> (Line 291)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-32 rounded-lg border border-white/300" (Line 293)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 259)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70 bg-white/255 px-2 py-1 rounded font-mono truncate flex-1 mr-2"> (Line 298)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 270)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 273)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-3"> (Line 291)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/80 text-sm font-medium">Type (Line 317)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-2"> (Line 265)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="capitalize" (Line 325)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-3"> (Line 291)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/80 text-sm font-medium">Angle: {angle}° (Line 337)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-2 bg-white/250 rounded-lg appearance-none cursor-pointer" (Line 344)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-3"> (Line 291)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 259)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/80 text-sm font-medium">Color Stops (Line 353)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-1" (Line 359)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 273)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 367)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 371)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-8 h-8 rounded border border-white/300 cursor-pointer" (Line 383)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1"> (Line 386)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-2 bg-white/250 rounded-lg appearance-none cursor-pointer" (Line 344)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70 mt-1"> (Line 395)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-1 text-red-400 hover:text-red-300" (Line 405)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 273)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-3"> (Line 291)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/80 text-sm font-medium">Presets (Line 419)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-2 gap-3"> (Line 420)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="cursor-pointer group" (Line 424)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-16 rounded-lg border border-white/300 group-hover:border-white/300 transition-all" (Line 428)

src/components/interactive/GlassGradientPicker.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/80 text-xs mt-2 text-center group-hover:text-white transition-colors"> (Line 435)

src/components/interactive/GlassImageViewer.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 571)

src/components/interactive/GlassImageViewer.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 387)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 111)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 113)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 152)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('p-8', className)}> (Line 351)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center text-white/70"> (Line 352)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full"> (Line 360)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 362)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 111)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-0"> (Line 369)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 351)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 flex items-center justify-center"> (Line 386)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="animate-spin rounded-full h-8 w-8 border-2 border-white/300 border-t-white/60">

(Line 387)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 flex flex-col items-center justify-center text-white/70"> (Line 393)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-12 h-12 mb-4" /> (Line 394)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 351)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute bottom-0 left-0 right-0 bg-black/50 backdrop-blur-sm p-4"> (Line 425)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white font-medium">{currentImage.title} (Line 426)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/80 text-sm mt-1">{currentImage.description}

(Line 428)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute top-4 left-4 right-4 flex justify-between items-start"> (Line 435)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 437)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 445)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 447)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 445)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 447)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/80 text-sm px-2"> (Line 460)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 437)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 445)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 447)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/80 text-sm px-2 min-w-16 text-center"> (Line 481)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 445)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 447)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 445)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 447)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 445)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 447)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 445)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 447)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 445)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 447)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 447)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute bottom-4 left-1/2 transform -translate-x-1/2"> (Line 549)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2 bg-black/50 backdrop-blur-sm rounded-full px-4 py-2"> (Line 550)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-1" (Line 555)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 447)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 447)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-1"> (Line 564)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 362)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute top-1/2 left-4 transform -translate-y-1/2"> (Line 582)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 445)

src/components/interactive/GlassImageViewer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 447)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 111)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 113)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 152)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('p-8', className)}> (Line 351)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center text-white/70"> (Line 352)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full"> (Line 360)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 362)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 111)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-0"> (Line 369)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 351)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 flex items-center justify-center"> (Line 386)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="animate-spin rounded-full h-8 w-8 border-2 border-white/300 border-t-white/60">

(Line 387)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 flex flex-col items-center justify-center text-white/70"> (Line 393)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-12 h-12 mb-4" /> (Line 394)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 351)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute bottom-0 left-0 right-0 bg-black/50 backdrop-blur-sm p-4"> (Line 425)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white font-medium">{currentImage.title} (Line 426)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/80 text-sm mt-1">{currentImage.description}

(Line 428)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute top-4 left-4 right-4 flex justify-between items-start"> (Line 435)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 437)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 445)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 447)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 445)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 447)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/80 text-sm px-2"> (Line 460)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 437)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 445)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 447)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/80 text-sm px-2 min-w-16 text-center"> (Line 481)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 445)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 447)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 445)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 447)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 445)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 447)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 445)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 447)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 445)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 447)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 447)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute bottom-4 left-1/2 transform -translate-x-1/2"> (Line 549)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2 bg-black/50 backdrop-blur-sm rounded-full px-4 py-2"> (Line 550)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-1" (Line 555)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 447)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 447)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-1"> (Line 564)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 362)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute top-1/2 left-4 transform -translate-y-1/2"> (Line 582)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 445)

src/components/interactive/GlassImageViewer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 447)

src/components/interactive/GlassInfiniteScroll.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/interactive/GlassInfiniteScroll.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/interactive/GlassInfiniteScroll.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/interactive/GlassInfiniteScroll.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/interactive/GlassInfiniteScroll.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/interactive/GlassInfiniteScroll.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/interactive/GlassInfiniteScroll.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/interactive/GlassInfiniteScroll.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/interactive/GlassInfiniteScroll.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 171)

src/components/interactive/GlassInfiniteScroll.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 171)

src/components/interactive/GlassInfiniteScroll.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 171)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 46)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 48)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 73)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center py-8"> (Line 170)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete flex items-center gap-3 px-4 py-2 bg-white/255 backdrop-blur-xl rounded-full"> (Line 171)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5 animate-spin text-primary" /> (Line 172)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/80 text-sm">Loading more... (Line 173)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-col items-center justify-center py-8 px-4"> (Line 180)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2 text-red-400 mb-3"> (Line 181)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5" /> (Line 182)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium">Error loading more items (Line 183)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2 px-4 py-2 bg-white/255 hover:bg-white/250 rounded-lg transition-colors" (Line 187)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 189)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm">Try again (Line 190)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center py-8"> (Line 197)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 text-sm"> (Line 198)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 207)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 46)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn(reverse && 'flex flex-col-reverse')}> (Line 215)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-4" /> (Line 221)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="py-4"> (Line 226)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="py-4"> (Line 226)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="py-4"> (Line 226)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-col-reverse"> (Line 247)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-4" /> (Line 221)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="py-4"> (Line 226)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="py-4"> (Line 226)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="py-4"> (Line 226)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 46)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 48)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 73)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center py-8"> (Line 170)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete flex items-center gap-3 px-4 py-2 bg-white/255 backdrop-blur-xl rounded-full"> (Line 171)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5 animate-spin text-primary" /> (Line 172)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/80 text-sm">Loading more... (Line 173)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-col items-center justify-center py-8 px-4"> (Line 180)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2 text-red-400 mb-3"> (Line 181)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5" /> (Line 182)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium">Error loading more items (Line 183)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2 px-4 py-2 bg-white/255 hover:bg-white/250 rounded-lg transition-colors" (Line 187)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 189)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm">Try again (Line 190)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center py-8"> (Line 197)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 text-sm"> (Line 198)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 207)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 46)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn(reverse && 'flex flex-col-reverse')}> (Line 215)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-4" /> (Line 221)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="py-4"> (Line 226)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="py-4"> (Line 226)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="py-4"> (Line 226)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-col-reverse"> (Line 247)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-4" /> (Line 221)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="py-4"> (Line 226)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="py-4"> (Line 226)

src/components/interactive/GlassInfiniteScroll.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="py-4"> (Line 226)

src/components/interactive/GlassInlineEdit.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 25)

src/components/interactive/GlassInlineEdit.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 33)

src/components/interactive/GlassInlineEdit.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 25)

src/components/interactive/GlassInlineEdit.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 33)

src/components/interactive/GlassInlineEdit.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 37)

src/components/interactive/GlassInlineEdit.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 31)

src/components/interactive/GlassInlineEdit.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 11)

src/components/interactive/GlassInlineEdit.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className }: GlassInlineEditProps) { (Line 14)

src/components/interactive/GlassInlineEdit.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('inline-flex items-center gap-2', className)}> (Line 19)

src/components/interactive/GlassInlineEdit.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="bg-transparent border border-white/300 rounded-lg px-2 py-1 text-sm outline-none" (Line 31)

src/components/interactive/GlassInlineEdit.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-2 py-1 rounded-lg hover:bg-white/255 text-sm" onClick={() => setEditing(true)}> (Line 37)

src/components/interactive/GlassInlineEdit.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70">{placeholder}} (Line 38)

src/components/interactive/GlassInlineEdit.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 11)

src/components/interactive/GlassInlineEdit.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className }: GlassInlineEditProps) { (Line 14)

src/components/interactive/GlassInlineEdit.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('inline-flex items-center gap-2', className)}> (Line 19)

src/components/interactive/GlassInlineEdit.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="bg-transparent border border-white/300 rounded-lg px-2 py-1 text-sm outline-none" (Line 31)

src/components/interactive/GlassInlineEdit.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-2 py-1 rounded-lg hover:bg-white/255 text-sm" onClick={() => setEditing(true)}> (Line 37)

src/components/interactive/GlassInlineEdit.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70">{placeholder}} (Line 38)

src/components/interactive/GlassKanban.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 20)

src/components/interactive/GlassKanban.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 52)

src/components/interactive/GlassKanban.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 20)

src/components/interactive/GlassKanban.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 52)

src/components/interactive/GlassKanban.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 19)

src/components/interactive/GlassKanban.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string } (Line 9)

src/components/interactive/GlassKanban.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className }: GlassKanbanProps) { (Line 11)

src/components/interactive/GlassKanban.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('grid gap-3', className)} style={{ gridTemplateColumns: `repeat(${columns.length}, minmax(220px,1fr))` }}> (Line 13)

src/components/interactive/GlassKanban.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 15)

src/components/interactive/GlassKanban.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/80 font-medium px-1">{col.title}

(Line 16)

src/components/interactive/GlassKanban.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 15)

src/components/interactive/GlassKanban.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="rounded-lg p-3 border border-white/305"> (Line 19)

src/components/interactive/GlassKanban.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white font-medium">{card.title}

(Line 20)

src/components/interactive/GlassKanban.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70">{card.description}

} (Line 21)

src/components/interactive/GlassKanban.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string } (Line 9)

src/components/interactive/GlassKanban.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className }: GlassKanbanProps) { (Line 11)

src/components/interactive/GlassKanban.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('grid gap-3', className)} style={{ gridTemplateColumns: `repeat(${columns.length}, minmax(220px,1fr))` }}> (Line 13)

src/components/interactive/GlassKanban.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 15)

src/components/interactive/GlassKanban.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/80 font-medium px-1">{col.title}

(Line 16)

src/components/interactive/GlassKanban.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 15)

src/components/interactive/GlassKanban.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="rounded-lg p-3 border border-white/305"> (Line 19)

src/components/interactive/GlassKanban.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white font-medium">{card.title}

(Line 20)

src/components/interactive/GlassKanban.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70">{card.description}

} (Line 21)

src/components/interactive/GlassKeyValueEditor.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 21)

src/components/interactive/GlassKeyValueEditor.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 32)

src/components/interactive/GlassKeyValueEditor.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 21)

src/components/interactive/GlassKeyValueEditor.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 32)

src/components/interactive/GlassKeyValueEditor.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 27)

src/components/interactive/GlassKeyValueEditor.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 27)

src/components/interactive/GlassKeyValueEditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 11)

src/components/interactive/GlassKeyValueEditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className }: GlassKeyValueEditorProps) { (Line 14)

src/components/interactive/GlassKeyValueEditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('space-y-2', className)}> (Line 24)

src/components/interactive/GlassKeyValueEditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-2"> (Line 26)

src/components/interactive/GlassKeyValueEditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 bg-transparent border border-white/300 rounded-lg px-2 py-1 text-sm outline-none" /> (Line 27)

src/components/interactive/GlassKeyValueEditor.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 bg-transparent border border-white/300 rounded-lg px-2 py-1 text-sm outline-none" /> (Line 27)

src/components/interactive/GlassKeyValueEditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 11)

src/components/interactive/GlassKeyValueEditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className }: GlassKeyValueEditorProps) { (Line 14)

src/components/interactive/GlassKeyValueEditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('space-y-2', className)}> (Line 24)

src/components/interactive/GlassKeyValueEditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-2"> (Line 26)

src/components/interactive/GlassKeyValueEditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 bg-transparent border border-white/300 rounded-lg px-2 py-1 text-sm outline-none" /> (Line 27)

src/components/interactive/GlassKeyValueEditor.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 bg-transparent border border-white/300 rounded-lg px-2 py-1 text-sm outline-none" /> (Line 27)

src/components/interactive/GlassLazyImage.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 275)

src/components/interactive/GlassLazyImage.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 275)

src/components/interactive/GlassLazyImage.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 275)

src/components/interactive/GlassLazyImage.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 275)

src/components/interactive/GlassLazyImage.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 389)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 103)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 105)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 133)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 flex items-center justify-center"> (Line 241)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2 px-3 py-2 bg-black/50 backdrop-blur-xl rounded-full"> (Line 242)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 animate-spin text-white/80" /> (Line 243)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/80 text-sm">Loading... (Line 244)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 flex flex-col items-center justify-center bg-black/20"> (Line 251)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-8 h-8 text-red-400 mb-2" /> (Line 252)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-red-400 text-sm">Failed to load image (Line 253)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 260)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 103)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 bg-white/255 flex items-center justify-center" (Line 275)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-full object-cover" (Line 284)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center w-full h-full"> (Line 287)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-8 h-8 text-white/70" /> (Line 288)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 260)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 260)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0"> (Line 324)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0"> (Line 324)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-black/80 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"> (Line 338)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white font-medium text-sm mb-1 truncate"> (Line 340)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-3 text-white/80 text-xs"> (Line 346)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1"> (Line 348)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 349)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1"> (Line 348)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 349)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1"> (Line 348)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 349)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity"> (Line 374)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative"> (Line 375)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2 bg-black/50 backdrop-blur-xl rounded-full hover:bg-black/70 transition-colors" (Line 381)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white text-lg">⋯ (Line 383)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute top-full right-0 mt-2"> (Line 388)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="bg-black/80 backdrop-blur-xl rounded-lg shadow-xl border border-white/300 min-w-32"> (Line 389)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full text-left px-4 py-3 text-white/90 hover:bg-white/255 transition-colors flex items-center gap-3 first:rounded-t-lg" (Line 397)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 399)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm">Zoom (Line 400)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full text-left px-4 py-3 text-white/90 hover:bg-white/255 transition-colors flex items-center gap-3" (Line 410)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 399)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm">Download (Line 413)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full text-left px-4 py-3 text-white/90 hover:bg-white/255 transition-colors flex items-center gap-3 last:rounded-b-lg" (Line 422)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 399)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm">Share (Line 425)

src/components/interactive/GlassLazyImage.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute top-2 left-2 px-2 py-1 bg-black/50 backdrop-blur-xl rounded text-white/70 text-xs"> (Line 436)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 103)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 105)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 133)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 flex items-center justify-center"> (Line 241)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2 px-3 py-2 bg-black/50 backdrop-blur-xl rounded-full"> (Line 242)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 animate-spin text-white/80" /> (Line 243)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/80 text-sm">Loading... (Line 244)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 flex flex-col items-center justify-center bg-black/20"> (Line 251)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-8 h-8 text-red-400 mb-2" /> (Line 252)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-red-400 text-sm">Failed to load image (Line 253)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 260)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 103)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 bg-white/255 flex items-center justify-center" (Line 275)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-full object-cover" (Line 284)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center w-full h-full"> (Line 287)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-8 h-8 text-white/70" /> (Line 288)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 260)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 260)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0"> (Line 324)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0"> (Line 324)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-black/80 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"> (Line 338)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white font-medium text-sm mb-1 truncate"> (Line 340)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-3 text-white/80 text-xs"> (Line 346)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1"> (Line 348)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 349)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1"> (Line 348)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 349)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1"> (Line 348)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 349)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity"> (Line 374)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative"> (Line 375)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2 bg-black/50 backdrop-blur-xl rounded-full hover:bg-black/70 transition-colors" (Line 381)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white text-lg">⋯ (Line 383)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute top-full right-0 mt-2"> (Line 388)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="bg-black/80 backdrop-blur-xl rounded-lg shadow-xl border border-white/300 min-w-32"> (Line 389)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full text-left px-4 py-3 text-white/90 hover:bg-white/255 transition-colors flex items-center gap-3 first:rounded-t-lg" (Line 397)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 399)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm">Zoom (Line 400)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full text-left px-4 py-3 text-white/90 hover:bg-white/255 transition-colors flex items-center gap-3" (Line 410)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 399)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm">Download (Line 413)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full text-left px-4 py-3 text-white/90 hover:bg-white/255 transition-colors flex items-center gap-3 last:rounded-b-lg" (Line 422)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 399)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm">Share (Line 425)

src/components/interactive/GlassLazyImage.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute top-2 left-2 px-2 py-1 bg-black/50 backdrop-blur-xl rounded text-white/70 text-xs"> (Line 436)

src/components/interactive/GlassMentionList.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 17)

src/components/interactive/GlassMentionList.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 23)

src/components/interactive/GlassMentionList.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 17)

src/components/interactive/GlassMentionList.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 23)

src/components/interactive/GlassMentionList.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 16)

src/components/interactive/GlassMentionList.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 12)

src/components/interactive/GlassMentionList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string } (Line 8)

src/components/interactive/GlassMentionList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className }: GlassMentionListProps) { (Line 10)

src/components/interactive/GlassMentionList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', 'rounded-lg p-1 border border-white/305', className))}> (Line 12)

src/components/interactive/GlassMentionList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="max-h-60 overflow-auto"> (Line 13)

src/components/interactive/GlassMentionList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full text-left px-3 py-2 rounded-md hover:bg-white/255"> (Line 16)

src/components/interactive/GlassMentionList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white">{it.label}

(Line 17)

src/components/interactive/GlassMentionList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70">{it.meta}

} (Line 18)

src/components/interactive/GlassMentionList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string } (Line 8)

src/components/interactive/GlassMentionList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className }: GlassMentionListProps) { (Line 10)

src/components/interactive/GlassMentionList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', 'rounded-lg p-1 border border-white/305', className))}> (Line 12)

src/components/interactive/GlassMentionList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="max-h-60 overflow-auto"> (Line 13)

src/components/interactive/GlassMentionList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full text-left px-3 py-2 rounded-md hover:bg-white/255"> (Line 16)

src/components/interactive/GlassMentionList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white">{it.label}

(Line 17)

src/components/interactive/GlassMentionList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70">{it.meta}

} (Line 18)

src/components/interactive/GlassMessageList.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 17)

src/components/interactive/GlassMessageList.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 39)

src/components/interactive/GlassMessageList.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 17)

src/components/interactive/GlassMessageList.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 39)

src/components/interactive/GlassMessageList.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 188)

src/components/interactive/GlassMessageList.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 188)

src/components/interactive/GlassMessageList.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 188)

src/components/interactive/GlassMessageList.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 188)

src/components/interactive/GlassMessageList.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 188)

src/components/interactive/GlassMessageList.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 188)

src/components/interactive/GlassMessageList.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 171)

src/components/interactive/GlassMessageList.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 171)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 77)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 79)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 100)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-full"> (Line 167)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('flex flex-col h-full overflow-hidden', className)} {...props}> (Line 168)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 border-b border-white/300"> (Line 171)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full bg-glass-fill ring-1 ring-white/10 rounded-lg px-4 py-2 text-white placeholder-white/50 focus:outline-none focus:ring-white/30" (Line 177)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 overflow-y-auto p-4 space-y-4"> (Line 183)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center my-6"> (Line 187)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete px-3 py-1 bg-white/255 rounded-full"> (Line 188)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 text-xs"> (Line 189)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-3"> (Line 196)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 204)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 204)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0"> (Line 220)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete w-10 h-10 rounded-full bg-white/250 flex items-center justify-center"> (Line 221)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-full rounded-full object-cover" (Line 226)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/80 text-sm font-medium"> (Line 229)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-0"> (Line 238)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2 mb-1"> (Line 240)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white font-medium text-sm"> (Line 241)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 204)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 text-xs flex items-center gap-1"> (Line 255)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 256)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 text-xs">(edited) (Line 262)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/90 text-sm leading-relaxed"> (Line 267)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-3 space-y-2"> (Line 273)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-3 p-3 bg-white/25 rounded-lg hover:bg-white/255 transition-colors cursor-pointer" (Line 277)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0"> (Line 220)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5 text-blue-400" />} (Line 284)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5 text-purple-400" />} (Line 285)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5 text-green-400" />} (Line 286)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-0"> (Line 238)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/90 text-sm truncate">{attachment.name}

(Line 290)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 text-xs"> (Line 189)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-1"> (Line 298)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 299)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-1 mt-2"> (Line 308)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-6 px-2 text-xs bg-white/255" (Line 318)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0 opacity-0 group-hover:opacity-100 transition-opacity"> (Line 328)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-col gap-1"> (Line 329)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-1" (Line 298)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 256)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-1" (Line 298)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 256)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-1" (Line 298)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 256)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0 ml-2"> (Line 371)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 text-yellow-400" /> (Line 373)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex"> (Line 375)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3 text-white/70" /> (Line 376)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3 text-blue-400 -ml-1" /> (Line 377)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 border-t border-white/300"> (Line 395)

src/components/interactive/GlassMessageList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full" (Line 400)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 77)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 79)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 100)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-full"> (Line 167)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('flex flex-col h-full overflow-hidden', className)} {...props}> (Line 168)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 border-b border-white/300"> (Line 171)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full bg-glass-fill ring-1 ring-white/10 rounded-lg px-4 py-2 text-white placeholder-white/50 focus:outline-none focus:ring-white/30" (Line 177)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 overflow-y-auto p-4 space-y-4"> (Line 183)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center my-6"> (Line 187)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete px-3 py-1 bg-white/255 rounded-full"> (Line 188)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 text-xs"> (Line 189)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-3"> (Line 196)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 204)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 204)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0"> (Line 220)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete w-10 h-10 rounded-full bg-white/250 flex items-center justify-center"> (Line 221)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-full rounded-full object-cover" (Line 226)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/80 text-sm font-medium"> (Line 229)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-0"> (Line 238)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2 mb-1"> (Line 240)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white font-medium text-sm"> (Line 241)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 204)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 text-xs flex items-center gap-1"> (Line 255)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 256)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 text-xs">(edited) (Line 262)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/90 text-sm leading-relaxed"> (Line 267)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-3 space-y-2"> (Line 273)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-3 p-3 bg-white/25 rounded-lg hover:bg-white/255 transition-colors cursor-pointer" (Line 277)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0"> (Line 220)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5 text-blue-400" />} (Line 284)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5 text-purple-400" />} (Line 285)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5 text-green-400" />} (Line 286)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-0"> (Line 238)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/90 text-sm truncate">{attachment.name}

(Line 290)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 text-xs"> (Line 189)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-1"> (Line 298)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 299)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-1 mt-2"> (Line 308)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-6 px-2 text-xs bg-white/255" (Line 318)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0 opacity-0 group-hover:opacity-100 transition-opacity"> (Line 328)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-col gap-1"> (Line 329)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-1" (Line 298)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 256)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-1" (Line 298)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 256)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-1" (Line 298)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 256)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0 ml-2"> (Line 371)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 text-yellow-400" /> (Line 373)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex"> (Line 375)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3 text-white/70" /> (Line 376)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3 text-blue-400 -ml-1" /> (Line 377)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 border-t border-white/300"> (Line 395)

src/components/interactive/GlassMessageList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full" (Line 400)

src/components/interactive/GlassMindMap.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 17)

src/components/interactive/GlassMindMap.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 40)

src/components/interactive/GlassMindMap.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 17)

src/components/interactive/GlassMindMap.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 40)

src/components/interactive/GlassMindMap.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 408)

src/components/interactive/GlassMindMap.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 326)

src/components/interactive/GlassMindMap.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 326)

src/components/interactive/GlassMindMap.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 326)

src/components/interactive/GlassMindMap.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className */ (Line 39)

src/components/interactive/GlassMindMap.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 40)

src/components/interactive/GlassMindMap.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className = '', (Line 67)

src/components/interactive/GlassMindMap.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs fill-white/70" (Line 270)

src/components/interactive/GlassMindMap.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-full px-2 py-1 bg-transparent border border-white/300 rounded text-white text-sm focus:outline-none focus:border-white/300" (Line 326)

src/components/interactive/GlassMindMap.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`cursor-pointer ${isDragged ? 'cursor-grabbing' : 'cursor-grab'}`} (Line 374)

src/components/interactive/GlassMindMap.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm fill-white font-medium pointer-events-none select-none focus-visible:ring-2 focus-visible:ring-blue-500/50" (Line 384)

src/components/interactive/GlassMindMap.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`relative overflow-hidden ${className}`} (Line 401)

src/components/interactive/GlassMindMap.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute top-4 left-4 z-10 flex space-x-2"> (Line 406)

src/components/interactive/GlassMindMap.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-1 rounded text-sm cursor-pointer hover:bg-white/255" (Line 408)

src/components/interactive/GlassMindMap.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-1 rounded text-sm" (Line 415)

src/components/interactive/GlassMindMap.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute bottom-4 right-4 z-10 w-32 h-24 bg-black/20 rounded border border-white/300"> (Line 424)

src/components/interactive/GlassMindMap.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-full" viewBox="0 0 320 240"> (Line 425)

src/components/interactive/GlassMindMap.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-full overflow-hidden" (Line 442)

src/components/interactive/GlassMindMap.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-full" (Line 425)

src/components/interactive/GlassMindMap.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className */ (Line 39)

src/components/interactive/GlassMindMap.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 40)

src/components/interactive/GlassMindMap.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className = '', (Line 67)

src/components/interactive/GlassMindMap.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs fill-white/70" (Line 270)

src/components/interactive/GlassMindMap.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-full px-2 py-1 bg-transparent border border-white/300 rounded text-white text-sm focus:outline-none focus:border-white/300" (Line 326)

src/components/interactive/GlassMindMap.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`cursor-pointer ${isDragged ? 'cursor-grabbing' : 'cursor-grab'}`} (Line 374)

src/components/interactive/GlassMindMap.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm fill-white font-medium pointer-events-none select-none focus-visible:ring-2 focus-visible:ring-blue-500/50" (Line 384)

src/components/interactive/GlassMindMap.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`relative overflow-hidden ${className}`} (Line 401)

src/components/interactive/GlassMindMap.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute top-4 left-4 z-10 flex space-x-2"> (Line 406)

src/components/interactive/GlassMindMap.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-1 rounded text-sm cursor-pointer hover:bg-white/255" (Line 408)

src/components/interactive/GlassMindMap.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-1 rounded text-sm" (Line 415)

src/components/interactive/GlassMindMap.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute bottom-4 right-4 z-10 w-32 h-24 bg-black/20 rounded border border-white/300"> (Line 424)

src/components/interactive/GlassMindMap.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-full" viewBox="0 0 320 240"> (Line 425)

src/components/interactive/GlassMindMap.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-full overflow-hidden" (Line 442)

src/components/interactive/GlassMindMap.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-full" (Line 425)

src/components/interactive/GlassPresets.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/interactive/GlassPresets.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/interactive/GlassPresets.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/interactive/GlassPresets.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/interactive/GlassPresets.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/interactive/GlassPresets.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/interactive/GlassPresets.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/interactive/GlassPresets.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/interactive/GlassQueryBuilder.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 17)

src/components/interactive/GlassQueryBuilder.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 23)

src/components/interactive/GlassQueryBuilder.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 17)

src/components/interactive/GlassQueryBuilder.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 23)

src/components/interactive/GlassQueryBuilder.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 63)

src/components/interactive/GlassQueryBuilder.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 63)

src/components/interactive/GlassQueryBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 22)

src/components/interactive/GlassQueryBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className }: GlassQueryBuilderProps) { (Line 27)

src/components/interactive/GlassQueryBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 33)

src/components/interactive/GlassQueryBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-40 h-8 text-sm"> (Line 35)

src/components/interactive/GlassQueryBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-28 h-8 text-sm"> (Line 43)

src/components/interactive/GlassQueryBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-48 h-8 text-sm"> (Line 54)

src/components/interactive/GlassQueryBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="bg-transparent border border-white/300 rounded px-2 py-1 text-sm" /> (Line 63)

src/components/interactive/GlassQueryBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="rounded-xl border border-white/300 p-3 space-y-2"> (Line 71)

src/components/interactive/GlassQueryBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 33)

src/components/interactive/GlassQueryBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-24 h-8 text-sm"> (Line 74)

src/components/interactive/GlassQueryBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 86)

src/components/interactive/GlassQueryBuilder.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('space-y-2', className)}>{renderGroup(value)}

; (Line 94)

src/components/interactive/GlassQueryBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 22)

src/components/interactive/GlassQueryBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className }: GlassQueryBuilderProps) { (Line 27)

src/components/interactive/GlassQueryBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 33)

src/components/interactive/GlassQueryBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-40 h-8 text-sm"> (Line 35)

src/components/interactive/GlassQueryBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-28 h-8 text-sm"> (Line 43)

src/components/interactive/GlassQueryBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-48 h-8 text-sm"> (Line 54)

src/components/interactive/GlassQueryBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="bg-transparent border border-white/300 rounded px-2 py-1 text-sm" /> (Line 63)

src/components/interactive/GlassQueryBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="rounded-xl border border-white/300 p-3 space-y-2"> (Line 71)

src/components/interactive/GlassQueryBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 33)

src/components/interactive/GlassQueryBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-24 h-8 text-sm"> (Line 74)

src/components/interactive/GlassQueryBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 86)

src/components/interactive/GlassQueryBuilder.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('space-y-2', className)}>{renderGroup(value)}

; (Line 94)

src/components/interactive/GlassReactionBar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 17)

src/components/interactive/GlassReactionBar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 23)

src/components/interactive/GlassReactionBar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 17)

src/components/interactive/GlassReactionBar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 23)

src/components/interactive/GlassReactionBar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string } (Line 7)

src/components/interactive/GlassReactionBar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className }: GlassReactionBarProps) { (Line 9)

src/components/interactive/GlassReactionBar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className}> (Line 11)

src/components/interactive/GlassReactionBar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-2"> (Line 12)

src/components/interactive/GlassReactionBar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mr-1">{r.label} (Line 15)

src/components/interactive/GlassReactionBar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70">{r.count} (Line 16)

src/components/interactive/GlassReactionBar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string } (Line 7)

src/components/interactive/GlassReactionBar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className }: GlassReactionBarProps) { (Line 9)

src/components/interactive/GlassReactionBar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className}> (Line 11)

src/components/interactive/GlassReactionBar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-2"> (Line 12)

src/components/interactive/GlassReactionBar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mr-1">{r.label} (Line 15)

src/components/interactive/GlassReactionBar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70">{r.count} (Line 16)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 129)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 161)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('relative', variantClasses[variant], className)} (Line 312)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2 mb-4 overflow-x-auto"> (Line 317)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="ml-2"> (Line 335)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative"> (Line 345)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 354)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 border-2 border-current border-t-transparent rounded-full animate-spin" /> (Line 359)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute right-12 top-1/2 -translate-y-1/2"> (Line 368)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="cursor-pointer" (Line 373)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute top-full left-0 right-0 mt-2 z-50"> (Line 383)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="border border-border/20 max-h-96 overflow-hidden" (Line 393)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="overflow-y-auto max-h-96"> (Line 396)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2 border-b border-border/20"> (Line 399)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-2 text-xs font-medium text-muted-foreground uppercase tracking-wide"> (Line 400)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 406)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 text-muted-foreground" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 413)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2 border-b border-border/20"> (Line 399)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-2 text-xs font-medium text-muted-foreground uppercase tracking-wide"> (Line 400)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 406)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 text-muted-foreground" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 413)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2"> (Line 452)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-2 text-xs font-medium text-muted-foreground uppercase tracking-wide"> (Line 400)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 406)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-8 h-8 rounded-md bg-primary/10 flex items-center justify-center flex-shrink-0 mt-0.5"> (Line 470)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 471)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-0"> (Line 475)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium text-foreground"> (Line 476)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-muted-foreground mt-1 line-clamp-2"> (Line 480)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-2"> (Line 485)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-2 text-center"> (Line 497)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-8 text-center"> (Line 509)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-12 h-12 rounded-full bg-muted/30 flex items-center justify-center mx-auto mb-3"> (Line 510)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-6 h-6 text-muted-foreground" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 511)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-muted-foreground">{emptyMessage}

(Line 515)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-4 p-4 border border-border/20" (Line 535)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between mb-4"> (Line 537)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium text-foreground">Filters (Line 538)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"> (Line 550)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium text-sm text-foreground mb-2"> (Line 553)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 556)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2 cursor-pointer" (Line 560)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="rounded border-border focus:ring-primary" (Line 565)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-foreground flex-1"> (Line 567)

src/components/interactive/GlassSearchInterface.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-muted-foreground"> (Line 571)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 129)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 161)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('relative', variantClasses[variant], className)} (Line 312)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2 mb-4 overflow-x-auto"> (Line 317)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="ml-2"> (Line 335)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative"> (Line 345)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 354)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 border-2 border-current border-t-transparent rounded-full animate-spin" /> (Line 359)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute right-12 top-1/2 -translate-y-1/2"> (Line 368)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="cursor-pointer" (Line 373)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute top-full left-0 right-0 mt-2 z-50"> (Line 383)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="border border-border/20 max-h-96 overflow-hidden" (Line 393)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="overflow-y-auto max-h-96"> (Line 396)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2 border-b border-border/20"> (Line 399)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-2 text-xs font-medium text-muted-foreground uppercase tracking-wide"> (Line 400)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 406)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 text-muted-foreground" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 413)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2 border-b border-border/20"> (Line 399)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-2 text-xs font-medium text-muted-foreground uppercase tracking-wide"> (Line 400)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 406)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 text-muted-foreground" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 413)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2"> (Line 452)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-2 text-xs font-medium text-muted-foreground uppercase tracking-wide"> (Line 400)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 406)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-8 h-8 rounded-md bg-primary/10 flex items-center justify-center flex-shrink-0 mt-0.5"> (Line 470)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 471)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-0"> (Line 475)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium text-foreground"> (Line 476)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-muted-foreground mt-1 line-clamp-2"> (Line 480)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-2"> (Line 485)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-2 text-center"> (Line 497)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-8 text-center"> (Line 509)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-12 h-12 rounded-full bg-muted/30 flex items-center justify-center mx-auto mb-3"> (Line 510)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-6 h-6 text-muted-foreground" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 511)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-muted-foreground">{emptyMessage}

(Line 515)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-4 p-4 border border-border/20" (Line 535)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between mb-4"> (Line 537)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium text-foreground">Filters (Line 538)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"> (Line 550)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium text-sm text-foreground mb-2"> (Line 553)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 556)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2 cursor-pointer" (Line 560)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="rounded border-border focus:ring-primary" (Line 565)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-foreground flex-1"> (Line 567)

src/components/interactive/GlassSearchInterface.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-muted-foreground"> (Line 571)

src/components/interactive/GlassStepper.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 17)

src/components/interactive/GlassStepper.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 27)

src/components/interactive/GlassStepper.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 17)

src/components/interactive/GlassStepper.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 27)

src/components/interactive/GlassStepper.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 37)

src/components/interactive/GlassStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string } (Line 7)

src/components/interactive/GlassStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className }: GlassStepperProps) { (Line 9)

src/components/interactive/GlassStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('flex items-center gap-3', className)}> (Line 17)

src/components/interactive/GlassStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-3"> (Line 22)

src/components/interactive/GlassStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 26)

src/components/interactive/GlassStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('relative', wasJustActivated && 'glass-pulse-ring')}> (Line 33)

src/components/interactive/GlassStepper.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete w-8 h-px bg-white/255" />} (Line 37)

src/components/interactive/GlassStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string } (Line 7)

src/components/interactive/GlassStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className }: GlassStepperProps) { (Line 9)

src/components/interactive/GlassStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('flex items-center gap-3', className)}> (Line 17)

src/components/interactive/GlassStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-3"> (Line 22)

src/components/interactive/GlassStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 26)

src/components/interactive/GlassStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('relative', wasJustActivated && 'glass-pulse-ring')}> (Line 33)

src/components/interactive/GlassStepper.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete w-8 h-px bg-white/255" />} (Line 37)

src/components/interactive/GlassTagInput.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 17)

src/components/interactive/GlassTagInput.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 27)

src/components/interactive/GlassTagInput.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 17)

src/components/interactive/GlassTagInput.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 27)

src/components/interactive/GlassTagInput.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 29)

src/components/interactive/GlassTagInput.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 29)

src/components/interactive/GlassTagInput.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 29)

src/components/interactive/GlassTagInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 13)

src/components/interactive/GlassTagInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className }: GlassTagInputProps) { (Line 16)

src/components/interactive/GlassTagInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', 'rounded-xl p-2 flex flex-wrap gap-2', className))}> (Line 27)

src/components/interactive/GlassTagInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="inline-flex items-center gap-1 px-2 py-1 text-sm rounded-lg bg-white/255 border border-white/300"> (Line 29)

src/components/interactive/GlassTagInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 hover:text-white">× (Line 31)

src/components/interactive/GlassTagInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-[120px] bg-transparent outline-none text-sm placeholder:text-white/70" (Line 46)

src/components/interactive/GlassTagInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full -mb-1"> (Line 49)

src/components/interactive/GlassTagInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-1 rounded-lg border border-white/305 bg-black/20 p-1"> (Line 50)

src/components/interactive/GlassTagInput.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full justify-start" onClick={() => add(s)}> (Line 52)

src/components/interactive/GlassTagInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 13)

src/components/interactive/GlassTagInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className }: GlassTagInputProps) { (Line 16)

src/components/interactive/GlassTagInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', 'rounded-xl p-2 flex flex-wrap gap-2', className))}> (Line 27)

src/components/interactive/GlassTagInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="inline-flex items-center gap-1 px-2 py-1 text-sm rounded-lg bg-white/255 border border-white/300"> (Line 29)

src/components/interactive/GlassTagInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 hover:text-white">× (Line 31)

src/components/interactive/GlassTagInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-[120px] bg-transparent outline-none text-sm placeholder:text-white/70" (Line 46)

src/components/interactive/GlassTagInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full -mb-1"> (Line 49)

src/components/interactive/GlassTagInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-1 rounded-lg border border-white/305 bg-black/20 p-1"> (Line 50)

src/components/interactive/GlassTagInput.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full justify-start" onClick={() => add(s)}> (Line 52)

src/components/interactive/GlassThemeDemo.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/interactive/GlassThemeDemo.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/interactive/GlassThemeDemo.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/interactive/GlassThemeDemo.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/interactive/GlassThemeDemo.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/interactive/GlassThemeDemo.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/interactive/GlassThemeDemo.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/interactive/GlassThemeDemo.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/interactive/GlassThemeDemo.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 109)

src/components/interactive/GlassThemeDemo.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 429)

src/components/interactive/GlassThemeDemo.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 109)

src/components/interactive/GlassThemeDemo.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 429)

src/components/interactive/GlassThemeSwitcher.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 17)

src/components/interactive/GlassThemeSwitcher.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 39)

src/components/interactive/GlassThemeSwitcher.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 17)

src/components/interactive/GlassThemeSwitcher.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 39)

src/components/interactive/GlassThemeSwitcher.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 172)

src/components/interactive/GlassThemeSwitcher.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 172)

src/components/interactive/GlassThemeSwitcher.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 172)

src/components/interactive/GlassThemeSwitcher.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 172)

src/components/interactive/GlassThemeSwitcher.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 241)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 65)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 67)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 83)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full"> (Line 131)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('overflow-hidden', className)} {...props}> (Line 132)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="pb-3"> (Line 133)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 134)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white text-lg font-semibold flex items-center gap-2"> (Line 135)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5" /> (Line 136)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 145)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 147)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="pt-0"> (Line 153)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 132)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 167)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-16 rounded mb-3 ring-1 ring-white/10" (Line 179)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2 space-y-1"> (Line 182)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-2 rounded" (Line 184)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-1 rounded" (Line 188)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 134)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 197)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 147)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium text-sm">{theme.name} (Line 199)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 text-primary" /> (Line 203)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mb-3"> (Line 214)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/80 text-sm font-medium">Custom Themes (Line 215)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 132)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 167)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-16 rounded mb-3 border border-white/300" (Line 241)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2 space-y-1"> (Line 182)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-2 rounded" (Line 184)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-1 rounded" (Line 188)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 134)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium text-sm">{theme.name} (Line 199)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 text-primary" /> (Line 203)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-6 p-4 bg-white/25 rounded-lg"> (Line 273)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4"> (Line 274)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white font-medium flex items-center gap-2"> (Line 275)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 147)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-2 gap-4"> (Line 281)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 283)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/80 text-sm capitalize"> (Line 284)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-2"> (Line 287)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-10 h-8 rounded ring-1 ring-white/10 cursor-pointer" (Line 292)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 px-3 py-1 bg-white/255 ring-1 ring-white/10 rounded text-white text-sm focus:outline-none focus:ring-white/30" (Line 298)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-20 rounded ring-1 ring-white/10" (Line 307)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-3 space-y-2"> (Line 313)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-3 rounded" (Line 315)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-2 rounded" (Line 184)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-2"> (Line 287)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2" (Line 197)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 147)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 65)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 67)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 83)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full"> (Line 131)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('overflow-hidden', className)} {...props}> (Line 132)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="pb-3"> (Line 133)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 134)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white text-lg font-semibold flex items-center gap-2"> (Line 135)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5" /> (Line 136)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 145)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 147)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="pt-0"> (Line 153)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 132)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 167)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-16 rounded mb-3 ring-1 ring-white/10" (Line 179)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2 space-y-1"> (Line 182)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-2 rounded" (Line 184)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-1 rounded" (Line 188)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 134)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 197)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 147)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium text-sm">{theme.name} (Line 199)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 text-primary" /> (Line 203)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mb-3"> (Line 214)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/80 text-sm font-medium">Custom Themes (Line 215)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 132)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 167)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-16 rounded mb-3 border border-white/300" (Line 241)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2 space-y-1"> (Line 182)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-2 rounded" (Line 184)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-1 rounded" (Line 188)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 134)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium text-sm">{theme.name} (Line 199)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 text-primary" /> (Line 203)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-6 p-4 bg-white/25 rounded-lg"> (Line 273)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4"> (Line 274)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white font-medium flex items-center gap-2"> (Line 275)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 147)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-2 gap-4"> (Line 281)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 283)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/80 text-sm capitalize"> (Line 284)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-2"> (Line 287)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-10 h-8 rounded ring-1 ring-white/10 cursor-pointer" (Line 292)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 px-3 py-1 bg-white/255 ring-1 ring-white/10 rounded text-white text-sm focus:outline-none focus:ring-white/30" (Line 298)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-20 rounded ring-1 ring-white/10" (Line 307)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-3 space-y-2"> (Line 313)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-3 rounded" (Line 315)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-2 rounded" (Line 184)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-2"> (Line 287)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2" (Line 197)

src/components/interactive/GlassThemeSwitcher.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 147)

src/components/interactive/GlassUserPresence.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 17)

src/components/interactive/GlassUserPresence.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 35)

src/components/interactive/GlassUserPresence.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 17)

src/components/interactive/GlassUserPresence.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 35)

src/components/interactive/GlassUserPresence.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 257)

src/components/interactive/GlassUserPresence.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 257)

src/components/interactive/GlassUserPresence.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 257)

src/components/interactive/GlassUserPresence.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 257)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 91)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 93)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 115)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full"> (Line 237)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('overflow-hidden', className)} {...props}> (Line 238)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="pb-3"> (Line 239)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 240)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white text-lg font-semibold flex items-center gap-2"> (Line 241)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5" /> (Line 242)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="pt-0"> (Line 254)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete mb-6 p-3 bg-white/25 rounded-lg"> (Line 257)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 240)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-3"> (Line 259)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative"> (Line 260)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete w-10 h-10 rounded-full bg-white/250 flex items-center justify-center"> (Line 261)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-full rounded-full object-cover" (Line 266)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white font-medium"> (Line 269)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 274)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white font-medium">{currentUser.name}

(Line 281)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 text-sm">Set your status

(Line 282)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-1"> (Line 286)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2" (Line 297)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 300)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4"> (Line 312)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2 mb-2"> (Line 318)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', 'w-2 h-2 rounded-full', config.color))} /> (Line 319)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/80 text-sm font-medium"> (Line 320)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 325)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 325)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full mt-2" (Line 367)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 274)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative flex-shrink-0"> (Line 460)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 274)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-full rounded-full object-cover" (Line 266)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 238)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 274)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-0"> (Line 490)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 491)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 238)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-1"> (Line 503)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 491)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('text-xs', config.textColor)}> (Line 506)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 text-xs">• (Line 512)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 text-xs"> (Line 512)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 text-xs truncate"> (Line 522)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1 text-white/70 text-xs"> (Line 529)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 300)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="truncate">{user.activity} (Line 531)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1 text-white/70 text-xs"> (Line 529)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 300)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="truncate">{user.location} (Line 539)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1"> (Line 548)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-1" (Line 556)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 300)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-1" (Line 556)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 300)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-1" (Line 556)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 300)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-1" (Line 556)

src/components/interactive/GlassUserPresence.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" /> (Line 300)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 91)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 93)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 115)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full"> (Line 237)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('overflow-hidden', className)} {...props}> (Line 238)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="pb-3"> (Line 239)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 240)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white text-lg font-semibold flex items-center gap-2"> (Line 241)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5" /> (Line 242)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="pt-0"> (Line 254)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete mb-6 p-3 bg-white/25 rounded-lg"> (Line 257)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 240)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-3"> (Line 259)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative"> (Line 260)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete w-10 h-10 rounded-full bg-white/250 flex items-center justify-center"> (Line 261)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-full rounded-full object-cover" (Line 266)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white font-medium"> (Line 269)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 274)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white font-medium">{currentUser.name}

(Line 281)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 text-sm">Set your status

(Line 282)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-1"> (Line 286)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2" (Line 297)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 300)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4"> (Line 312)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2 mb-2"> (Line 318)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', 'w-2 h-2 rounded-full', config.color))} /> (Line 319)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/80 text-sm font-medium"> (Line 320)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 325)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 325)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full mt-2" (Line 367)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 274)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative flex-shrink-0"> (Line 460)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 274)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-full rounded-full object-cover" (Line 266)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 238)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 274)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-0"> (Line 490)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 491)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 238)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-1"> (Line 503)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 491)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('text-xs', config.textColor)}> (Line 506)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 text-xs">• (Line 512)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 text-xs"> (Line 512)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 text-xs truncate"> (Line 522)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1 text-white/70 text-xs"> (Line 529)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 300)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="truncate">{user.activity} (Line 531)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1 text-white/70 text-xs"> (Line 529)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 300)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="truncate">{user.location} (Line 539)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1"> (Line 548)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-1" (Line 556)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 300)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-1" (Line 556)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 300)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-1" (Line 556)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 300)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-1" (Line 556)

src/components/interactive/GlassUserPresence.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" /> (Line 300)

src/components/interactive/GlassVideoPlayer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 17)

src/components/interactive/GlassVideoPlayer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 39)

src/components/interactive/GlassVideoPlayer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 17)

src/components/interactive/GlassVideoPlayer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 39)

src/components/interactive/GlassVideoPlayer.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 482)

src/components/interactive/GlassVideoPlayer.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 482)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 79)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 81)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 119)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('p-8', className)}> (Line 326)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center text-white/70"> (Line 327)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full"> (Line 335)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 337)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 79)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-0"> (Line 347)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative bg-black aspect-video overflow-hidden"> (Line 349)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-full object-contain" (Line 352)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 flex items-center justify-center bg-black/50"> (Line 381)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-8 h-8 text-white animate-spin" /> (Line 382)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 flex flex-col items-center justify-center bg-black/50 text-white"> (Line 388)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-12 h-12 mb-4" /> (Line 389)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 flex items-center justify-center"> (Line 396)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6 rounded-full" (Line 401)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-8 h-8" /> (Line 403)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 bg-gradient-to-t from-black/80 via-transparent to-transparent"> (Line 410)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute top-0 left-0 right-0 p-4 flex justify-between items-center"> (Line 412)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="bg-black/50"> (Line 414)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 419)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white" (Line 425)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> : } (Line 427)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white" (Line 425)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 427)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 flex items-center justify-center"> (Line 396)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-4 opacity-0 group-hover:opacity-100 transition-opacity"> (Line 444)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-3" (Line 449)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-6 h-6" /> (Line 451)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4" (Line 458)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-8 h-8" /> (Line 403)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-8 h-8" /> (Line 403)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-3" (Line 449)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-6 h-6" /> (Line 451)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute bottom-0 left-0 right-0 p-4"> (Line 479)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-1 bg-white/250 rounded-full mb-4 cursor-pointer" (Line 482)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-full bg-primary rounded-full transition-all duration-100" (Line 486)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 492)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-4"> (Line 493)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white p-2" (Line 498)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5" /> (Line 501)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5" /> (Line 501)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 419)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white p-2" (Line 498)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5" /> (Line 501)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5" /> (Line 501)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete w-20 h-1 bg-white/250 rounded-full cursor-pointer"> (Line 521)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-full bg-white rounded-full" (Line 523)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white text-sm"> (Line 529)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 419)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white text-sm">{playbackSpeed}x (Line 535)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white p-2" (Line 498)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5" /> (Line 501)

src/components/interactive/GlassVideoPlayer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5" /> (Line 501)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 79)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 81)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 119)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('p-8', className)}> (Line 326)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center text-white/70"> (Line 327)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full"> (Line 335)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 337)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 79)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-0"> (Line 347)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative bg-black aspect-video overflow-hidden"> (Line 349)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-full object-contain" (Line 352)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 flex items-center justify-center bg-black/50"> (Line 381)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-8 h-8 text-white animate-spin" /> (Line 382)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 flex flex-col items-center justify-center bg-black/50 text-white"> (Line 388)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-12 h-12 mb-4" /> (Line 389)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 flex items-center justify-center"> (Line 396)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6 rounded-full" (Line 401)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-8 h-8" /> (Line 403)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 bg-gradient-to-t from-black/80 via-transparent to-transparent"> (Line 410)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute top-0 left-0 right-0 p-4 flex justify-between items-center"> (Line 412)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="bg-black/50"> (Line 414)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 419)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white" (Line 425)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> : } (Line 427)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white" (Line 425)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 427)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 flex items-center justify-center"> (Line 396)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-4 opacity-0 group-hover:opacity-100 transition-opacity"> (Line 444)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-3" (Line 449)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-6 h-6" /> (Line 451)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4" (Line 458)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-8 h-8" /> (Line 403)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-8 h-8" /> (Line 403)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-3" (Line 449)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-6 h-6" /> (Line 451)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute bottom-0 left-0 right-0 p-4"> (Line 479)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-1 bg-white/250 rounded-full mb-4 cursor-pointer" (Line 482)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-full bg-primary rounded-full transition-all duration-100" (Line 486)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 492)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-4"> (Line 493)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white p-2" (Line 498)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5" /> (Line 501)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5" /> (Line 501)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 419)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white p-2" (Line 498)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5" /> (Line 501)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5" /> (Line 501)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete w-20 h-1 bg-white/250 rounded-full cursor-pointer"> (Line 521)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-full bg-white rounded-full" (Line 523)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white text-sm"> (Line 529)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 419)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white text-sm">{playbackSpeed}x (Line 535)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white p-2" (Line 498)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5" /> (Line 501)

src/components/interactive/GlassVideoPlayer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5" /> (Line 501)

src/components/interactive/GlassVirtualList.stories.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 50)

src/components/interactive/GlassVirtualList.stories.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 50)

src/components/interactive/GlassVirtualList.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/interactive/GlassVirtualList.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 34)

src/components/interactive/GlassVirtualList.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-3 border-b border-white/300"> (Line 50)

src/components/interactive/GlassVirtualList.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-3 border-b border-white/300"> (Line 50)

src/components/interactive/GlassVirtualList.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/interactive/GlassVirtualList.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 34)

src/components/interactive/GlassVirtualList.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-3 border-b border-white/300"> (Line 50)

src/components/interactive/GlassVirtualList.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-3 border-b border-white/300"> (Line 50)

src/components/interactive/GlassVirtualList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 57)

src/components/interactive/GlassVirtualList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 59)

src/components/interactive/GlassVirtualList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 77)

src/components/interactive/GlassVirtualList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full"> (Line 159)

src/components/interactive/GlassVirtualList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 162)

src/components/interactive/GlassVirtualList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 57)

src/components/interactive/GlassVirtualList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative" (Line 173)

src/components/interactive/GlassVirtualList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute top-0 left-0 right-0" (Line 177)

src/components/interactive/GlassVirtualList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute bottom-4 left-1/2 transform -translate-x-1/2"> (Line 200)

src/components/interactive/GlassVirtualList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2 px-4 py-2 bg-black/80 backdrop-blur-xl rounded-full"> (Line 201)

src/components/interactive/GlassVirtualList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 animate-spin" /> (Line 202)

src/components/interactive/GlassVirtualList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white text-sm">Loading... (Line 203)

src/components/interactive/GlassVirtualList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 77)

src/components/interactive/GlassVirtualList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full"> (Line 159)

src/components/interactive/GlassVirtualList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 162)

src/components/interactive/GlassVirtualList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 57)

src/components/interactive/GlassVirtualList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative" (Line 173)

src/components/interactive/GlassVirtualList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute top-0 left-0 right-0" (Line 177)

src/components/interactive/GlassVirtualList.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid gap-2" (Line 337)

src/components/interactive/GlassVirtualList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 57)

src/components/interactive/GlassVirtualList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 59)

src/components/interactive/GlassVirtualList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 77)

src/components/interactive/GlassVirtualList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full"> (Line 159)

src/components/interactive/GlassVirtualList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 162)

src/components/interactive/GlassVirtualList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 57)

src/components/interactive/GlassVirtualList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative" (Line 173)

src/components/interactive/GlassVirtualList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute top-0 left-0 right-0" (Line 177)

src/components/interactive/GlassVirtualList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute bottom-4 left-1/2 transform -translate-x-1/2"> (Line 200)

src/components/interactive/GlassVirtualList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2 px-4 py-2 bg-black/80 backdrop-blur-xl rounded-full"> (Line 201)

src/components/interactive/GlassVirtualList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 animate-spin" /> (Line 202)

src/components/interactive/GlassVirtualList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white text-sm">Loading... (Line 203)

src/components/interactive/GlassVirtualList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 77)

src/components/interactive/GlassVirtualList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full"> (Line 159)

src/components/interactive/GlassVirtualList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 162)

src/components/interactive/GlassVirtualList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 57)

src/components/interactive/GlassVirtualList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative" (Line 173)

src/components/interactive/GlassVirtualList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute top-0 left-0 right-0" (Line 177)

src/components/interactive/GlassVirtualList.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid gap-2" (Line 337)

src/components/interactive/GlassWhiteboard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 17)

src/components/interactive/GlassWhiteboard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 40)

src/components/interactive/GlassWhiteboard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 17)

src/components/interactive/GlassWhiteboard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 40)

src/components/interactive/GlassWhiteboard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 513)

src/components/interactive/GlassWhiteboard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 513)

src/components/interactive/GlassWhiteboard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 513)

src/components/interactive/GlassWhiteboard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 513)

src/components/interactive/GlassWhiteboard.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 513)

src/components/interactive/GlassWhiteboard.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 504)

src/components/interactive/GlassWhiteboard.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 504)

src/components/interactive/GlassWhiteboard.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 504)

src/components/interactive/GlassWhiteboard.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 504)

src/components/interactive/GlassWhiteboard.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 504)

src/components/interactive/GlassWhiteboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className */ (Line 53)

src/components/interactive/GlassWhiteboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 54)

src/components/interactive/GlassWhiteboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className = '', (Line 80)

src/components/interactive/GlassWhiteboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`relative ${className}`} (Line 498)

src/components/interactive/GlassWhiteboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap items-center gap-2 p-4 border-b border-white/300"> (Line 504)

src/components/interactive/GlassWhiteboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-1"> (Line 506)

src/components/interactive/GlassWhiteboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`px-3 py-2 rounded text-sm font-medium transition-colors ${ (Line 511)

src/components/interactive/GlassWhiteboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-1"> (Line 506)

src/components/interactive/GlassWhiteboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`w-8 h-8 rounded border-2 transition-all ${ (Line 528)

src/components/interactive/GlassWhiteboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 539)

src/components/interactive/GlassWhiteboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70">Size: (Line 540)

src/components/interactive/GlassWhiteboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-16" (Line 547)

src/components/interactive/GlassWhiteboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70 w-6">{brushSize} (Line 549)

src/components/interactive/GlassWhiteboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 539)

src/components/interactive/GlassWhiteboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70">Opacity: (Line 554)

src/components/interactive/GlassWhiteboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-16" (Line 547)

src/components/interactive/GlassWhiteboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/70 w-8">{(opacity * 100).toFixed(0)}% (Line 564)

src/components/interactive/GlassWhiteboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex gap-1 ml-4"> (Line 568)

src/components/interactive/GlassWhiteboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-2 text-sm text-white/70 hover:text-white hover:bg-white/255 rounded transition-colors" (Line 571)

src/components/interactive/GlassWhiteboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-2 text-sm text-red-400 hover:text-red-300 hover:bg-red-500/10 rounded transition-colors" (Line 578)

src/components/interactive/GlassWhiteboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-2 text-sm text-white/70 hover:text-white hover:bg-white/255 rounded transition-colors" (Line 571)

src/components/interactive/GlassWhiteboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 bg-black/50 flex items-center justify-center z-20"> (Line 595)

src/components/interactive/GlassWhiteboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6 max-w-sm w-full mx-4" (Line 597)

src/components/interactive/GlassWhiteboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full px-3 py-2 bg-white/255 border border-white/300 rounded text-white placeholder-white/50 focus:outline-none focus:border-white/300" (Line 604)

src/components/interactive/GlassWhiteboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative overflow-hidden bg-black/20" (Line 620)

src/components/interactive/GlassWhiteboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 cursor-crosshair" (Line 627)

src/components/interactive/GlassWhiteboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 pointer-events-none" (Line 638)

src/components/interactive/GlassWhiteboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className */ (Line 53)

src/components/interactive/GlassWhiteboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 54)

src/components/interactive/GlassWhiteboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className = '', (Line 80)

src/components/interactive/GlassWhiteboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`relative ${className}`} (Line 498)

src/components/interactive/GlassWhiteboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap items-center gap-2 p-4 border-b border-white/300"> (Line 504)

src/components/interactive/GlassWhiteboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-1"> (Line 506)

src/components/interactive/GlassWhiteboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`px-3 py-2 rounded text-sm font-medium transition-colors ${ (Line 511)

src/components/interactive/GlassWhiteboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-1"> (Line 506)

src/components/interactive/GlassWhiteboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`w-8 h-8 rounded border-2 transition-all ${ (Line 528)

src/components/interactive/GlassWhiteboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 539)

src/components/interactive/GlassWhiteboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70">Size: (Line 540)

src/components/interactive/GlassWhiteboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-16" (Line 547)

src/components/interactive/GlassWhiteboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70 w-6">{brushSize} (Line 549)

src/components/interactive/GlassWhiteboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 539)

src/components/interactive/GlassWhiteboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70">Opacity: (Line 554)

src/components/interactive/GlassWhiteboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-16" (Line 547)

src/components/interactive/GlassWhiteboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/70 w-8">{(opacity * 100).toFixed(0)}% (Line 564)

src/components/interactive/GlassWhiteboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex gap-1 ml-4"> (Line 568)

src/components/interactive/GlassWhiteboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-2 text-sm text-white/70 hover:text-white hover:bg-white/255 rounded transition-colors" (Line 571)

src/components/interactive/GlassWhiteboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-2 text-sm text-red-400 hover:text-red-300 hover:bg-red-500/10 rounded transition-colors" (Line 578)

src/components/interactive/GlassWhiteboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-2 text-sm text-white/70 hover:text-white hover:bg-white/255 rounded transition-colors" (Line 571)

src/components/interactive/GlassWhiteboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 bg-black/50 flex items-center justify-center z-20"> (Line 595)

src/components/interactive/GlassWhiteboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6 max-w-sm w-full mx-4" (Line 597)

src/components/interactive/GlassWhiteboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full px-3 py-2 bg-white/255 border border-white/300 rounded text-white placeholder-white/50 focus:outline-none focus:border-white/300" (Line 604)

src/components/interactive/GlassWhiteboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative overflow-hidden bg-black/20" (Line 620)

src/components/interactive/GlassWhiteboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 cursor-crosshair" (Line 627)

src/components/interactive/GlassWhiteboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 pointer-events-none" (Line 638)

src/components/interactive/PageTransitionDemo.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255,255,255,0.06) (Line 38)

src/components/interactive/PageTransitionDemo.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255,255,255,0.15) (Line 40)

src/components/interactive/PageTransitionDemo.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255,255,255,0.18) (Line 60)

src/components/interactive/PageTransitionDemo.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255,255,255,0.08) (Line 60)

src/components/interactive/ThemedGlassComponents.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/interactive/ThemedGlassComponents.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/interactive/ThemedGlassComponents.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/interactive/ThemedGlassComponents.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/interactive/ThemedGlassComponents.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/interactive/ThemedGlassComponents.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/interactive/ThemedGlassComponents.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/interactive/ThemedGlassComponents.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/interactive/ThemedGlassComponents.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 44)

src/components/interactive/ThemedGlassComponents.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 60)

src/components/interactive/ThemedGlassComponents.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 106)

src/components/interactive/ThemedGlassComponents.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 106)

src/components/interactive/ThemedGlassComponents.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 44)

src/components/interactive/ThemedGlassComponents.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 60)

src/components/interactive/ThemedGlassComponents.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 106)

src/components/interactive/ThemedGlassComponents.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 106)

src/components/layout/Box.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/layout/Box.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/layout/Box.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/layout/Box.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/layout/Box.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/layout/Box.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/layout/Box.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/layout/Box.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/layout/Box.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, children, ...props }, ref) => { (Line 10)

src/components/layout/Box.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: cn(className), (Line 12)

src/components/layout/Box.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, children, ...props }, ref) => { (Line 10)

src/components/layout/Box.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: cn(className), (Line 12)

src/components/layout/GlassAppShell.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/layout/GlassAppShell.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/layout/GlassAppShell.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/layout/GlassAppShell.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/layout/GlassAppShell.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/layout/GlassAppShell.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/layout/GlassAppShell.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/layout/GlassAppShell.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 103)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 103)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 157)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 227)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 103)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-col flex-1 overflow-hidden"> (Line 239)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 244)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center h-full"> (Line 250)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 227)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-full"> (Line 267)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0 border-t border-border/20"> (Line 279)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 157)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 244)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 103)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-muted-foreground"> (Line 326)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center space-x-2"> (Line 329)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center"> (Line 333)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mx-2">/} (Line 334)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="hover:text-foreground transition-colors" (Line 338)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={isLast ? 'text-foreground font-medium' : ''}> (Line 343)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 227)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 363)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-3xl font-bold text-foreground"> (Line 364)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 227)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0"> (Line 379)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 157)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full"> (Line 410)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4"> (Line 413)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-1"> (Line 414)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xl font-semibold text-foreground"> (Line 416)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-muted-foreground"> (Line 421)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0"> (Line 379)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full"> (Line 410)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', 'p-6 w-full', className)} (Line 454)

src/components/layout/GlassAppShell.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('w-full', className)} (Line 465)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 103)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 103)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 157)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 227)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 103)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-col flex-1 overflow-hidden"> (Line 239)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 244)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center h-full"> (Line 250)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 227)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-full"> (Line 267)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0 border-t border-border/20"> (Line 279)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 157)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 244)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 103)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-muted-foreground"> (Line 326)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center space-x-2"> (Line 329)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center"> (Line 333)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mx-2">/} (Line 334)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="hover:text-foreground transition-colors" (Line 338)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={isLast ? 'text-foreground font-medium' : ''}> (Line 343)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 227)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 363)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-3xl font-bold text-foreground"> (Line 364)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 227)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0"> (Line 379)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 157)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full"> (Line 410)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4"> (Line 413)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-1"> (Line 414)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xl font-semibold text-foreground"> (Line 416)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-muted-foreground"> (Line 421)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0"> (Line 379)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full"> (Line 410)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', 'p-6 w-full', className)} (Line 454)

src/components/layout/GlassAppShell.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('w-full', className)} (Line 465)

src/components/layout/GlassBox.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/layout/GlassBox.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/layout/GlassBox.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/layout/GlassBox.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/layout/GlassBox.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/layout/GlassBox.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/layout/GlassBox.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/layout/GlassBox.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/layout/GlassBox.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 149)

src/components/layout/GlassBox.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 339)

src/components/layout/GlassBox.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 349)

src/components/layout/GlassBox.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, ...rest } = props; (Line 398)

src/components/layout/GlassBox.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`glass-box ${className || ''}`} (Line 407)

src/components/layout/GlassBox.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 149)

src/components/layout/GlassBox.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 339)

src/components/layout/GlassBox.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 349)

src/components/layout/GlassBox.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, ...rest } = props; (Line 398)

src/components/layout/GlassBox.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`glass-box ${className || ''}`} (Line 407)

src/components/layout/GlassContainer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/layout/GlassContainer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/layout/GlassContainer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/layout/GlassContainer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/layout/GlassContainer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/layout/GlassContainer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/layout/GlassContainer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/layout/GlassContainer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/layout/GlassContainer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 63)

src/components/layout/GlassContainer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 140)

src/components/layout/GlassContainer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 63)

src/components/layout/GlassContainer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 140)

src/components/layout/GlassContainer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 63)

src/components/layout/GlassContainer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 63)

src/components/layout/GlassContainer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 140)

src/components/layout/GlassContainer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 63)

src/components/layout/GlassContainer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 140)

src/components/layout/GlassContainer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 63)

src/components/layout/GlassFlex.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/layout/GlassFlex.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/layout/GlassFlex.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/layout/GlassFlex.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/layout/GlassFlex.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/layout/GlassFlex.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/layout/GlassFlex.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/layout/GlassFlex.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/layout/GlassFlex.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 104)

src/components/layout/GlassFlex.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 190)

src/components/layout/GlassFlex.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 104)

src/components/layout/GlassFlex.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 104)

src/components/layout/GlassFlex.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 190)

src/components/layout/GlassFlex.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 104)

src/components/layout/GlassFlex.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 104)

src/components/layout/GlassFlex.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 190)

src/components/layout/GlassFlex.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 104)

src/components/layout/GlassFlex.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 104)

src/components/layout/GlassFlex.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 190)

src/components/layout/GlassFlex.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 104)

src/components/layout/GlassGrid.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/layout/GlassGrid.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/layout/GlassGrid.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/layout/GlassGrid.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/layout/GlassGrid.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/layout/GlassGrid.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/layout/GlassGrid.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/layout/GlassGrid.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/layout/GlassGrid.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 117)

src/components/layout/GlassGrid.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 205)

src/components/layout/GlassGrid.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 117)

src/components/layout/GlassGrid.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 117)

src/components/layout/GlassGrid.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 205)

src/components/layout/GlassGrid.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 117)

src/components/layout/GlassGrid.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 117)

src/components/layout/GlassGrid.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 205)

src/components/layout/GlassGrid.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 117)

src/components/layout/GlassGrid.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 117)

src/components/layout/GlassGrid.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 205)

src/components/layout/GlassGrid.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 117)

src/components/layout/GlassMasonry.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/layout/GlassMasonry.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/layout/GlassMasonry.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/layout/GlassMasonry.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/layout/GlassMasonry.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/layout/GlassMasonry.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/layout/GlassMasonry.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/layout/GlassMasonry.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/layout/GlassMasonry.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 10)

src/components/layout/GlassMasonry.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className }: GlassMasonryProps) { (Line 13)

src/components/layout/GlassMasonry.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('w-full', className)} style={{ columnCount: columns as any, columnGap: gap }}> (Line 15)

src/components/layout/GlassMasonry.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 10)

src/components/layout/GlassMasonry.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className }: GlassMasonryProps) { (Line 13)

src/components/layout/GlassMasonry.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('w-full', className)} style={{ columnCount: columns as any, columnGap: gap }}> (Line 15)

src/components/layout/GlassScrollArea.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/layout/GlassScrollArea.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/layout/GlassScrollArea.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/layout/GlassScrollArea.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/layout/GlassScrollArea.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/layout/GlassScrollArea.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/layout/GlassScrollArea.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/layout/GlassScrollArea.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/layout/GlassScrollArea.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 190)

src/components/layout/GlassScrollArea.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 190)

src/components/layout/GlassScrollArea.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 190)

src/components/layout/GlassScrollArea.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 190)

src/components/layout/GlassScrollArea.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 190)

src/components/layout/GlassScrollArea.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 405)

src/components/layout/GlassScrollArea.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 41)

src/components/layout/GlassScrollArea.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 43)

src/components/layout/GlassScrollArea.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 41)

src/components/layout/GlassScrollArea.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 43)

src/components/layout/GlassScrollArea.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 86)

src/components/layout/GlassScrollArea.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 189)

src/components/layout/GlassScrollArea.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 41)

src/components/layout/GlassScrollArea.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 189)

src/components/layout/GlassScrollArea.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative" (Line 212)

src/components/layout/GlassScrollArea.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('pointer-events-none absolute top-0 left-0 right-0 h-6 bg-gradient-to-b to-transparent', scrollActive ? 'from-blue-400/20' : 'from-black/20')} /> (Line 223)

src/components/layout/GlassScrollArea.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('pointer-events-none absolute bottom-0 left-0 right-0 h-6 bg-gradient-to-t to-transparent', scrollActive ? 'from-blue-400/20' : 'from-black/20')} /> (Line 226)

src/components/layout/GlassScrollArea.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={scrollbarClassName} (Line 239)

src/components/layout/GlassScrollArea.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={scrollbarClassName} (Line 239)

src/components/layout/GlassScrollArea.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 86)

src/components/layout/GlassScrollArea.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 189)

src/components/layout/GlassScrollArea.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 41)

src/components/layout/GlassScrollArea.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 189)

src/components/layout/GlassScrollArea.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 189)

src/components/layout/GlassScrollArea.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 41)

src/components/layout/GlassScrollArea.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 43)

src/components/layout/GlassScrollArea.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 41)

src/components/layout/GlassScrollArea.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 43)

src/components/layout/GlassScrollArea.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 86)

src/components/layout/GlassScrollArea.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 189)

src/components/layout/GlassScrollArea.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 41)

src/components/layout/GlassScrollArea.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 189)

src/components/layout/GlassScrollArea.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative" (Line 212)

src/components/layout/GlassScrollArea.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('pointer-events-none absolute top-0 left-0 right-0 h-6 bg-gradient-to-b to-transparent', scrollActive ? 'from-blue-400/20' : 'from-black/20')} /> (Line 223)

src/components/layout/GlassScrollArea.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('pointer-events-none absolute bottom-0 left-0 right-0 h-6 bg-gradient-to-t to-transparent', scrollActive ? 'from-blue-400/20' : 'from-black/20')} /> (Line 226)

src/components/layout/GlassScrollArea.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={scrollbarClassName} (Line 239)

src/components/layout/GlassScrollArea.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={scrollbarClassName} (Line 239)

src/components/layout/GlassScrollArea.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 86)

src/components/layout/GlassScrollArea.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 189)

src/components/layout/GlassScrollArea.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 41)

src/components/layout/GlassScrollArea.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 189)

src/components/layout/GlassScrollArea.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 189)

src/components/layout/GlassSeparator.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/layout/GlassSeparator.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/layout/GlassSeparator.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/layout/GlassSeparator.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/layout/GlassSeparator.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/layout/GlassSeparator.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/layout/GlassSeparator.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/layout/GlassSeparator.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/layout/GlassSeparator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 33)

src/components/layout/GlassSeparator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 80)

src/components/layout/GlassSeparator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 33)

src/components/layout/GlassSeparator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 80)

src/components/layout/GlassSeparator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 80)

src/components/layout/GlassSeparator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 80)

src/components/layout/GlassSeparator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 80)

src/components/layout/GlassSeparator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 33)

src/components/layout/GlassSeparator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 33)

src/components/layout/GlassSeparator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 80)

src/components/layout/GlassSeparator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 33)

src/components/layout/GlassSeparator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 80)

src/components/layout/GlassSeparator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 80)

src/components/layout/GlassSeparator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 80)

src/components/layout/GlassSeparator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 80)

src/components/layout/GlassSeparator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 33)

src/components/layout/GlassSplitPane.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/layout/GlassSplitPane.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 39)

src/components/layout/GlassSplitPane.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 bg-blue-500/20 rounded-lg"> (Line 53)

src/components/layout/GlassSplitPane.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">Left Pane (Line 54)

src/components/layout/GlassSplitPane.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm">This is the left side content.

(Line 55)

src/components/layout/GlassSplitPane.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 bg-green-500/20 rounded-lg"> (Line 59)

src/components/layout/GlassSplitPane.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">Right Pane (Line 60)

src/components/layout/GlassSplitPane.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm">This is the right side content.

(Line 61)

src/components/layout/GlassSplitPane.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 bg-purple-500/20 rounded-lg"> (Line 72)

src/components/layout/GlassSplitPane.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">Top Pane (Line 73)

src/components/layout/GlassSplitPane.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm">This is the top section.

(Line 74)

src/components/layout/GlassSplitPane.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 bg-orange-500/20 rounded-lg"> (Line 78)

src/components/layout/GlassSplitPane.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">Bottom Pane (Line 79)

src/components/layout/GlassSplitPane.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm">This is the bottom section with more content.

(Line 80)

src/components/layout/GlassSplitPane.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/layout/GlassSplitPane.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 39)

src/components/layout/GlassSplitPane.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 bg-blue-500/20 rounded-lg"> (Line 53)

src/components/layout/GlassSplitPane.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">Left Pane (Line 54)

src/components/layout/GlassSplitPane.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm">This is the left side content.

(Line 55)

src/components/layout/GlassSplitPane.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 bg-green-500/20 rounded-lg"> (Line 59)

src/components/layout/GlassSplitPane.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">Right Pane (Line 60)

src/components/layout/GlassSplitPane.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm">This is the right side content.

(Line 61)

src/components/layout/GlassSplitPane.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 bg-purple-500/20 rounded-lg"> (Line 72)

src/components/layout/GlassSplitPane.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">Top Pane (Line 73)

src/components/layout/GlassSplitPane.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm">This is the top section.

(Line 74)

src/components/layout/GlassSplitPane.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 bg-orange-500/20 rounded-lg"> (Line 78)

src/components/layout/GlassSplitPane.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">Bottom Pane (Line 79)

src/components/layout/GlassSplitPane.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm">This is the bottom section with more content.

(Line 80)

src/components/layout/GlassSplitPane.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 70)

src/components/layout/GlassSplitPane.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 70)

src/components/layout/GlassSplitPane.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 13)

src/components/layout/GlassSplitPane.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 13)

src/components/layout/GlassSplitPane.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 52)

src/components/layout/GlassSplitPane.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 13)

src/components/layout/GlassSplitPane.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="min-w-0 min-h-0 overflow-auto">{left}

(Line 62)

src/components/layout/GlassSplitPane.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 67)

src/components/layout/GlassSplitPane.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="min-w-0 min-h-0 overflow-auto">{right}

(Line 73)

src/components/layout/GlassSplitPane.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 13)

src/components/layout/GlassSplitPane.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 13)

src/components/layout/GlassSplitPane.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 52)

src/components/layout/GlassSplitPane.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 13)

src/components/layout/GlassSplitPane.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="min-w-0 min-h-0 overflow-auto">{left}

(Line 62)

src/components/layout/GlassSplitPane.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 67)

src/components/layout/GlassSplitPane.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="min-w-0 min-h-0 overflow-auto">{right}

(Line 73)

src/components/layout/GlassStack.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/layout/GlassStack.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/layout/GlassStack.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/layout/GlassStack.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/layout/GlassStack.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/layout/GlassStack.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/layout/GlassStack.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/layout/GlassStack.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/layout/GlassStack.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 93)

src/components/layout/GlassStack.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0"> (Line 159)

src/components/layout/GlassStack.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 173)

src/components/layout/GlassStack.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 93)

src/components/layout/GlassStack.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 93)

src/components/layout/GlassStack.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 173)

src/components/layout/GlassStack.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 93)

src/components/layout/GlassStack.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 93)

src/components/layout/GlassStack.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0"> (Line 159)

src/components/layout/GlassStack.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 173)

src/components/layout/GlassStack.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 93)

src/components/layout/GlassStack.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 93)

src/components/layout/GlassStack.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 173)

src/components/layout/GlassStack.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 93)

src/components/layout/HStack.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/layout/HStack.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/layout/HStack.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/layout/HStack.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/layout/HStack.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/layout/HStack.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/layout/HStack.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/layout/HStack.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/layout/OptimizedGlassContainer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/layout/OptimizedGlassContainer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/layout/OptimizedGlassContainer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/layout/OptimizedGlassContainer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/layout/OptimizedGlassContainer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/layout/OptimizedGlassContainer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/layout/OptimizedGlassContainer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/layout/OptimizedGlassContainer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/layout/OptimizedGlassContainer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 24)

src/components/layout/OptimizedGlassContainer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 140)

src/components/layout/OptimizedGlassContainer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 310)

src/components/layout/OptimizedGlassContainer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 24)

src/components/layout/OptimizedGlassContainer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 140)

src/components/layout/OptimizedGlassContainer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 310)

src/components/layout/VStack.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/layout/VStack.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/layout/VStack.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/layout/VStack.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/layout/VStack.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/layout/VStack.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/layout/VStack.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/layout/VStack.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/modal/GlassBottomSheet.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/modal/GlassBottomSheet.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/modal/GlassBottomSheet.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/modal/GlassBottomSheet.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/modal/GlassBottomSheet.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/modal/GlassBottomSheet.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/modal/GlassBottomSheet.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/modal/GlassBottomSheet.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/modal/GlassBottomSheet.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 33)

src/components/modal/GlassBottomSheet.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 12)

src/components/modal/GlassBottomSheet.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className }: GlassBottomSheetProps) { (Line 15)

src/components/modal/GlassBottomSheet.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="fixed inset-0 z-[1100]" onClick={() => onOpenChange(false)}> (Line 19)

src/components/modal/GlassBottomSheet.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 bg-black/50" /> (Line 20)

src/components/modal/GlassBottomSheet.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 24)

src/components/modal/GlassBottomSheet.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', 'h-full rounded-t-2xl p-4', className))}> (Line 32)

src/components/modal/GlassBottomSheet.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete mx-auto w-10 h-1.5 rounded-full bg-white/250 mb-3" /> (Line 33)

src/components/modal/GlassBottomSheet.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 12)

src/components/modal/GlassBottomSheet.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className }: GlassBottomSheetProps) { (Line 15)

src/components/modal/GlassBottomSheet.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="fixed inset-0 z-[1100]" onClick={() => onOpenChange(false)}> (Line 19)

src/components/modal/GlassBottomSheet.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 bg-black/50" /> (Line 20)

src/components/modal/GlassBottomSheet.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 24)

src/components/modal/GlassBottomSheet.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', 'h-full rounded-t-2xl p-4', className))}> (Line 32)

src/components/modal/GlassBottomSheet.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete mx-auto w-10 h-1.5 rounded-full bg-white/250 mb-3" /> (Line 33)

src/components/modal/GlassDialog.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/modal/GlassDialog.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/modal/GlassDialog.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 35)

src/components/modal/GlassDialog.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 53)

src/components/modal/GlassDialog.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/modal/GlassDialog.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/modal/GlassDialog.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 35)

src/components/modal/GlassDialog.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 53)

src/components/modal/GlassDialog.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 81)

src/components/modal/GlassDialog.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 108)

src/components/modal/GlassDialog.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 195)

src/components/modal/GlassDialog.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 195)

src/components/modal/GlassDialog.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 195)

src/components/modal/GlassDialog.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 238)

src/components/modal/GlassDialog.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 81)

src/components/modal/GlassDialog.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-start justify-between p-6 border-b border-border/10"> (Line 247)

src/components/modal/GlassDialog.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-0"> (Line 248)

src/components/modal/GlassDialog.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold text-foreground mb-1" (Line 254)

src/components/modal/GlassDialog.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-muted-foreground" (Line 262)

src/components/modal/GlassDialog.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="ml-4 p-2 rounded-lg text-muted-foreground hover:text-foreground hover:bg-muted/20 transition-colors" (Line 274)

src/components/modal/GlassDialog.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 278)

src/components/modal/GlassDialog.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 overflow-y-auto p-6"> (Line 286)

src/components/modal/GlassDialog.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6 border-t border-border/10"> (Line 293)

src/components/modal/GlassDialog.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 81)

src/components/modal/GlassDialog.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, ...props }, ref) => { (Line 341)

src/components/modal/GlassDialog.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('flex flex-col space-y-1.5 text-center sm:text-left', className)} (Line 345)

src/components/modal/GlassDialog.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 81)

src/components/modal/GlassDialog.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, ...props }, ref) => { (Line 341)

src/components/modal/GlassDialog.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('text-lg font-semibold leading-none tracking-tight', className)} (Line 366)

src/components/modal/GlassDialog.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 81)

src/components/modal/GlassDialog.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, ...props }, ref) => { (Line 341)

src/components/modal/GlassDialog.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('text-sm text-muted-foreground', className)} (Line 387)

src/components/modal/GlassDialog.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 81)

src/components/modal/GlassDialog.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, ...props }, ref) => { (Line 341)

src/components/modal/GlassDialog.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)} (Line 408)

src/components/modal/GlassDialog.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 81)

src/components/modal/GlassDialog.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 108)

src/components/modal/GlassDialog.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 195)

src/components/modal/GlassDialog.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 195)

src/components/modal/GlassDialog.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 195)

src/components/modal/GlassDialog.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 238)

src/components/modal/GlassDialog.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 81)

src/components/modal/GlassDialog.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-start justify-between p-6 border-b border-border/10"> (Line 247)

src/components/modal/GlassDialog.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-0"> (Line 248)

src/components/modal/GlassDialog.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold text-foreground mb-1" (Line 254)

src/components/modal/GlassDialog.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-muted-foreground" (Line 262)

src/components/modal/GlassDialog.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="ml-4 p-2 rounded-lg text-muted-foreground hover:text-foreground hover:bg-muted/20 transition-colors" (Line 274)

src/components/modal/GlassDialog.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 278)

src/components/modal/GlassDialog.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 overflow-y-auto p-6"> (Line 286)

src/components/modal/GlassDialog.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6 border-t border-border/10"> (Line 293)

src/components/modal/GlassDialog.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 81)

src/components/modal/GlassDialog.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, ...props }, ref) => { (Line 341)

src/components/modal/GlassDialog.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('flex flex-col space-y-1.5 text-center sm:text-left', className)} (Line 345)

src/components/modal/GlassDialog.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 81)

src/components/modal/GlassDialog.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, ...props }, ref) => { (Line 341)

src/components/modal/GlassDialog.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('text-lg font-semibold leading-none tracking-tight', className)} (Line 366)

src/components/modal/GlassDialog.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 81)

src/components/modal/GlassDialog.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, ...props }, ref) => { (Line 341)

src/components/modal/GlassDialog.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('text-sm text-muted-foreground', className)} (Line 387)

src/components/modal/GlassDialog.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 81)

src/components/modal/GlassDialog.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, ...props }, ref) => { (Line 341)

src/components/modal/GlassDialog.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)} (Line 408)

src/components/modal/GlassDrawer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/modal/GlassDrawer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/modal/GlassDrawer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/modal/GlassDrawer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/modal/GlassDrawer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/modal/GlassDrawer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/modal/GlassDrawer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/modal/GlassDrawer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/modal/GlassDrawer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 88)

src/components/modal/GlassDrawer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 117)

src/components/modal/GlassDrawer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 252)

src/components/modal/GlassDrawer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 252)

src/components/modal/GlassDrawer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 252)

src/components/modal/GlassDrawer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 296)

src/components/modal/GlassDrawer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 88)

src/components/modal/GlassDrawer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-start justify-between p-6 border-b border-border/10 flex-shrink-0"> (Line 306)

src/components/modal/GlassDrawer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-0"> (Line 307)

src/components/modal/GlassDrawer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold text-foreground mb-1" (Line 313)

src/components/modal/GlassDrawer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-muted-foreground" (Line 321)

src/components/modal/GlassDrawer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="ml-4 p-2 rounded-lg text-muted-foreground hover:text-foreground hover:bg-muted/20 transition-colors" (Line 333)

src/components/modal/GlassDrawer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 337)

src/components/modal/GlassDrawer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 overflow-y-auto p-6"> (Line 345)

src/components/modal/GlassDrawer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6 border-t border-border/10 flex-shrink-0"> (Line 352)

src/components/modal/GlassDrawer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 88)

src/components/modal/GlassDrawer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, ...props }, ref) => { (Line 400)

src/components/modal/GlassDrawer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('flex flex-col space-y-1.5', className)} (Line 404)

src/components/modal/GlassDrawer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 88)

src/components/modal/GlassDrawer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, ...props }, ref) => { (Line 400)

src/components/modal/GlassDrawer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('text-lg font-semibold leading-none tracking-tight', className)} (Line 425)

src/components/modal/GlassDrawer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 88)

src/components/modal/GlassDrawer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, ...props }, ref) => { (Line 400)

src/components/modal/GlassDrawer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('text-sm text-muted-foreground', className)} (Line 446)

src/components/modal/GlassDrawer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 88)

src/components/modal/GlassDrawer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, ...props }, ref) => { (Line 400)

src/components/modal/GlassDrawer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)} (Line 467)

src/components/modal/GlassDrawer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 88)

src/components/modal/GlassDrawer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 117)

src/components/modal/GlassDrawer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 252)

src/components/modal/GlassDrawer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 252)

src/components/modal/GlassDrawer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 252)

src/components/modal/GlassDrawer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 296)

src/components/modal/GlassDrawer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 88)

src/components/modal/GlassDrawer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-start justify-between p-6 border-b border-border/10 flex-shrink-0"> (Line 306)

src/components/modal/GlassDrawer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-0"> (Line 307)

src/components/modal/GlassDrawer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold text-foreground mb-1" (Line 313)

src/components/modal/GlassDrawer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-muted-foreground" (Line 321)

src/components/modal/GlassDrawer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="ml-4 p-2 rounded-lg text-muted-foreground hover:text-foreground hover:bg-muted/20 transition-colors" (Line 333)

src/components/modal/GlassDrawer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 337)

src/components/modal/GlassDrawer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 overflow-y-auto p-6"> (Line 345)

src/components/modal/GlassDrawer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6 border-t border-border/10 flex-shrink-0"> (Line 352)

src/components/modal/GlassDrawer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 88)

src/components/modal/GlassDrawer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, ...props }, ref) => { (Line 400)

src/components/modal/GlassDrawer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('flex flex-col space-y-1.5', className)} (Line 404)

src/components/modal/GlassDrawer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 88)

src/components/modal/GlassDrawer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, ...props }, ref) => { (Line 400)

src/components/modal/GlassDrawer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('text-lg font-semibold leading-none tracking-tight', className)} (Line 425)

src/components/modal/GlassDrawer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 88)

src/components/modal/GlassDrawer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, ...props }, ref) => { (Line 400)

src/components/modal/GlassDrawer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('text-sm text-muted-foreground', className)} (Line 446)

src/components/modal/GlassDrawer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 88)

src/components/modal/GlassDrawer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, ...props }, ref) => { (Line 400)

src/components/modal/GlassDrawer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)} (Line 467)

src/components/modal/GlassHoverCard.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 91)

src/components/modal/GlassHoverCard.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 91)

src/components/modal/GlassHoverCard.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 91)

src/components/modal/GlassHoverCard.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 91)

src/components/modal/GlassHoverCard.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 91)

src/components/modal/GlassHoverCard.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 91)

src/components/modal/GlassHoverCard.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 91)

src/components/modal/GlassHoverCard.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 91)

src/components/modal/GlassHoverCard.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 91)

src/components/modal/GlassHoverCard.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 91)

src/components/modal/GlassHoverCard.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 91)

src/components/modal/GlassHoverCard.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 91)

src/components/modal/GlassHoverCard.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 91)

src/components/modal/GlassHoverCard.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 91)

src/components/modal/GlassHoverCard.stories.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 68)

src/components/modal/GlassHoverCard.stories.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 68)

src/components/modal/GlassHoverCard.stories.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 68)

src/components/modal/GlassHoverCard.stories.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 68)

src/components/modal/GlassHoverCard.stories.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 68)

src/components/modal/GlassHoverCard.stories.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 68)

src/components/modal/GlassHoverCard.stories.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 68)

src/components/modal/GlassHoverCard.stories.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 68)

src/components/modal/GlassHoverCard.stories.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 68)

src/components/modal/GlassHoverCard.stories.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 68)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 43)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-4 py-2 bg-blue-500/20 backdrop-blur-sm border border-white/300 rounded-lg hover:bg-blue-500/30 transition-colors"> (Line 68)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4"> (Line 73)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-semibold mb-2">Default Hover Card (Line 74)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80"> (Line 75)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-3 gap-8 p-8"> (Line 85)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-3">Top placement

} (Line 89)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-2 bg-white/255 backdrop-blur-sm border border-white/300 rounded hover:bg-white/250 transition-colors"> (Line 91)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-3">Right placement

} (Line 99)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-2 bg-white/255 backdrop-blur-sm border border-white/300 rounded hover:bg-white/250 transition-colors"> (Line 91)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-3">Bottom placement

} (Line 109)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-2 bg-white/255 backdrop-blur-sm border border-white/300 rounded hover:bg-white/250 transition-colors"> (Line 91)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-3">Left placement

} (Line 119)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-2 bg-white/255 backdrop-blur-sm border border-white/300 rounded hover:bg-white/250 transition-colors"> (Line 91)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-3">Top start

} (Line 129)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-2 bg-white/255 backdrop-blur-sm border border-white/300 rounded hover:bg-white/250 transition-colors"> (Line 91)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-3">Bottom end

} (Line 139)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-2 bg-white/255 backdrop-blur-sm border border-white/300 rounded hover:bg-white/250 transition-colors"> (Line 91)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-3 p-3 bg-gradient-to-r from-purple-500/20 to-blue-500/20 backdrop-blur-sm border border-white/300 rounded-lg cursor-pointer hover:from-purple-500/30 hover:to-blue-500/30 transition-all"> (Line 152)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5" /> (Line 153)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium">John Doe

(Line 155)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-70">Software Engineer

(Line 156)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 max-w-xs"> (Line 161)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-3 mb-3"> (Line 162)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-10 h-10 bg-gradient-to-br from-blue-400 to-purple-500 rounded-full flex items-center justify-center"> (Line 163)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5 text-white" /> (Line 164)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-semibold">John Doe (Line 167)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">Software Engineer

(Line 168)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 171)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2 text-sm"> (Line 172)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 173)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2 text-sm"> (Line 172)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 173)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-3 pt-3 border-t border-white/300"> (Line 181)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full px-3 py-1 bg-white/250 hover:bg-white/250 rounded text-sm transition-colors"> (Line 182)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-4 py-2 bg-green-500/20 backdrop-blur-sm border border-white/300 rounded-lg hover:bg-green-500/30 transition-colors"> (Line 196)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-3"> (Line 89)

src/components/modal/GlassHoverCard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm">This card appears after a 500ms delay and stays for 300ms after hover ends.

(Line 202)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 43)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-4 py-2 bg-blue-500/20 backdrop-blur-sm border border-white/300 rounded-lg hover:bg-blue-500/30 transition-colors"> (Line 68)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4"> (Line 73)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-semibold mb-2">Default Hover Card (Line 74)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80"> (Line 75)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-3 gap-8 p-8"> (Line 85)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-3">Top placement

} (Line 89)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-2 bg-white/255 backdrop-blur-sm border border-white/300 rounded hover:bg-white/250 transition-colors"> (Line 91)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-3">Right placement

} (Line 99)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-2 bg-white/255 backdrop-blur-sm border border-white/300 rounded hover:bg-white/250 transition-colors"> (Line 91)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-3">Bottom placement

} (Line 109)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-2 bg-white/255 backdrop-blur-sm border border-white/300 rounded hover:bg-white/250 transition-colors"> (Line 91)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-3">Left placement

} (Line 119)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-2 bg-white/255 backdrop-blur-sm border border-white/300 rounded hover:bg-white/250 transition-colors"> (Line 91)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-3">Top start

} (Line 129)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-2 bg-white/255 backdrop-blur-sm border border-white/300 rounded hover:bg-white/250 transition-colors"> (Line 91)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-3">Bottom end

} (Line 139)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-2 bg-white/255 backdrop-blur-sm border border-white/300 rounded hover:bg-white/250 transition-colors"> (Line 91)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-3 p-3 bg-gradient-to-r from-purple-500/20 to-blue-500/20 backdrop-blur-sm border border-white/300 rounded-lg cursor-pointer hover:from-purple-500/30 hover:to-blue-500/30 transition-all"> (Line 152)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5" /> (Line 153)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium">John Doe

(Line 155)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-70">Software Engineer

(Line 156)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 max-w-xs"> (Line 161)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-3 mb-3"> (Line 162)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-10 h-10 bg-gradient-to-br from-blue-400 to-purple-500 rounded-full flex items-center justify-center"> (Line 163)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5 text-white" /> (Line 164)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-semibold">John Doe (Line 167)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">Software Engineer

(Line 168)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 171)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2 text-sm"> (Line 172)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 173)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2 text-sm"> (Line 172)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 173)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-3 pt-3 border-t border-white/300"> (Line 181)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full px-3 py-1 bg-white/250 hover:bg-white/250 rounded text-sm transition-colors"> (Line 182)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-4 py-2 bg-green-500/20 backdrop-blur-sm border border-white/300 rounded-lg hover:bg-green-500/30 transition-colors"> (Line 196)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-3"> (Line 89)

src/components/modal/GlassHoverCard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm">This card appears after a 500ms delay and stays for 300ms after hover ends.

(Line 202)

src/components/modal/GlassHoverCard.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 278)

src/components/modal/GlassHoverCard.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 278)

src/components/modal/GlassHoverCard.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 278)

src/components/modal/GlassHoverCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 46)

src/components/modal/GlassHoverCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 48)

src/components/modal/GlassHoverCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 46)

src/components/modal/GlassHoverCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 46)

src/components/modal/GlassHoverCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 48)

src/components/modal/GlassHoverCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 46)

src/components/modal/GlassHoverCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 46)

src/components/modal/GlassHoverCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 48)

src/components/modal/GlassHoverCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 107)

src/components/modal/GlassHoverCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative inline-block"> (Line 238)

src/components/modal/GlassHoverCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={triggerClassName} (Line 241)

src/components/modal/GlassHoverCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="fixed z-[9999]" (Line 251)

src/components/modal/GlassHoverCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 260)

src/components/modal/GlassHoverCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 46)

src/components/modal/GlassHoverCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="backdrop-blur-xl bg-black/20 border border-white/300 shadow-2xl glass-radial-reveal" (Line 278)

src/components/modal/GlassHoverCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4"> (Line 280)

src/components/modal/GlassHoverCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 287)

src/components/modal/GlassHoverCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 107)

src/components/modal/GlassHoverCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className}> (Line 319)

src/components/modal/GlassHoverCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 287)

src/components/modal/GlassHoverCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 107)

src/components/modal/GlassHoverCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: cn(children.props?.className, className), (Line 344)

src/components/modal/GlassHoverCard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className}> (Line 319)

src/components/modal/GlassHoverCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 46)

src/components/modal/GlassHoverCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 48)

src/components/modal/GlassHoverCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 46)

src/components/modal/GlassHoverCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 46)

src/components/modal/GlassHoverCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 48)

src/components/modal/GlassHoverCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 46)

src/components/modal/GlassHoverCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 46)

src/components/modal/GlassHoverCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 48)

src/components/modal/GlassHoverCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 107)

src/components/modal/GlassHoverCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative inline-block"> (Line 238)

src/components/modal/GlassHoverCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={triggerClassName} (Line 241)

src/components/modal/GlassHoverCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="fixed z-[9999]" (Line 251)

src/components/modal/GlassHoverCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 260)

src/components/modal/GlassHoverCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 46)

src/components/modal/GlassHoverCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="backdrop-blur-xl bg-black/20 border border-white/300 shadow-2xl glass-radial-reveal" (Line 278)

src/components/modal/GlassHoverCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4"> (Line 280)

src/components/modal/GlassHoverCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 287)

src/components/modal/GlassHoverCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 107)

src/components/modal/GlassHoverCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className}> (Line 319)

src/components/modal/GlassHoverCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 287)

src/components/modal/GlassHoverCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 107)

src/components/modal/GlassHoverCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: cn(children.props?.className, className), (Line 344)

src/components/modal/GlassHoverCard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className}> (Line 319)

src/components/modal/GlassModal.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 122)

src/components/modal/GlassModal.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 122)

src/components/modal/GlassModal.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 122)

src/components/modal/GlassModal.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 122)

src/components/modal/GlassModal.stories.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 173)

src/components/modal/GlassModal.stories.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 173)

src/components/modal/GlassModal.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4"> (Line 86)

src/components/modal/GlassModal.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/85"> (Line 87)

src/components/modal/GlassModal.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-end gap-3"> (Line 91)

src/components/modal/GlassModal.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-4 py-2 text-sm font-medium text-white/90 hover:text-white transition-colors"> (Line 92)

src/components/modal/GlassModal.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-4 py-2 text-sm font-medium bg-blue-500/20 text-blue-300 rounded-lg hover:bg-blue-500/30 transition-colors"> (Line 95)

src/components/modal/GlassModal.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4"> (Line 86)

src/components/modal/GlassModal.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold text-white mb-2">Small Modal (Line 108)

src/components/modal/GlassModal.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/85">This is a small modal with minimal content.

(Line 110)

src/components/modal/GlassModal.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold text-white mb-2">Large Modal (Line 114)

src/components/modal/GlassModal.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4"> (Line 86)

src/components/modal/GlassModal.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/85"> (Line 87)

src/components/modal/GlassModal.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-2 gap-4"> (Line 121)

src/components/modal/GlassModal.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete p-4 bg-white/255 rounded-lg"> (Line 122)

src/components/modal/GlassModal.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium text-white mb-2">Feature 1 (Line 123)

src/components/modal/GlassModal.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/75">Description of the first feature.

(Line 124)

src/components/modal/GlassModal.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete p-4 bg-white/255 rounded-lg"> (Line 122)

src/components/modal/GlassModal.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium text-white mb-2">Feature 2 (Line 127)

src/components/modal/GlassModal.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white/75">Description of the second feature.

(Line 128)

src/components/modal/GlassModal.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4"> (Line 86)

src/components/modal/GlassModal.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold text-white mb-2">Default Modal (Line 145)

src/components/modal/GlassModal.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/85">This is the default modal variant with standard positioning.

(Line 147)

src/components/modal/GlassModal.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold text-white mb-2">Drawer Modal (Line 151)

src/components/modal/GlassModal.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/85">This modal slides up from the bottom like a drawer.

(Line 153)

src/components/modal/GlassModal.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-6"> (Line 168)

src/components/modal/GlassModal.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block text-sm font-medium text-white/90 mb-2">Email Address (Line 170)

src/components/modal/GlassModal.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full px-3 py-2 bg-white/250 border border-white/300 rounded-lg text-white/95 placeholder-white/70 focus:outline-none focus:ring-2 focus:ring-blue-500/50" (Line 173)

src/components/modal/GlassModal.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block text-sm font-medium text-white/90 mb-2">Message (Line 178)

src/components/modal/GlassModal.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full px-3 py-2 bg-white/250 border border-white/300 rounded-lg text-white/95 placeholder-white/70 focus:outline-none focus:ring-2 focus:ring-blue-500/50 resize-none" (Line 181)

src/components/modal/GlassModal.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-end gap-3"> (Line 91)

src/components/modal/GlassModal.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-4 py-2 text-sm font-medium text-white/90 hover:text-white transition-colors"> (Line 92)

src/components/modal/GlassModal.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-4 py-2 text-sm font-medium bg-blue-500/20 text-blue-300 rounded-lg hover:bg-blue-500/30 transition-colors"> (Line 95)

src/components/modal/GlassModal.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4"> (Line 86)

src/components/modal/GlassModal.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/85"> (Line 87)

src/components/modal/GlassModal.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-end gap-3"> (Line 91)

src/components/modal/GlassModal.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-4 py-2 text-sm font-medium text-white/90 hover:text-white transition-colors"> (Line 92)

src/components/modal/GlassModal.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-4 py-2 text-sm font-medium bg-blue-500/20 text-blue-300 rounded-lg hover:bg-blue-500/30 transition-colors"> (Line 95)

src/components/modal/GlassModal.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4"> (Line 86)

src/components/modal/GlassModal.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold text-white mb-2">Small Modal (Line 108)

src/components/modal/GlassModal.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/85">This is a small modal with minimal content.

(Line 110)

src/components/modal/GlassModal.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold text-white mb-2">Large Modal (Line 114)

src/components/modal/GlassModal.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4"> (Line 86)

src/components/modal/GlassModal.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/85"> (Line 87)

src/components/modal/GlassModal.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-2 gap-4"> (Line 121)

src/components/modal/GlassModal.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete p-4 bg-white/255 rounded-lg"> (Line 122)

src/components/modal/GlassModal.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium text-white mb-2">Feature 1 (Line 123)

src/components/modal/GlassModal.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/75">Description of the first feature.

(Line 124)

src/components/modal/GlassModal.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete p-4 bg-white/255 rounded-lg"> (Line 122)

src/components/modal/GlassModal.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium text-white mb-2">Feature 2 (Line 127)

src/components/modal/GlassModal.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white/75">Description of the second feature.

(Line 128)

src/components/modal/GlassModal.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4"> (Line 86)

src/components/modal/GlassModal.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold text-white mb-2">Default Modal (Line 145)

src/components/modal/GlassModal.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/85">This is the default modal variant with standard positioning.

(Line 147)

src/components/modal/GlassModal.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold text-white mb-2">Drawer Modal (Line 151)

src/components/modal/GlassModal.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/85">This modal slides up from the bottom like a drawer.

(Line 153)

src/components/modal/GlassModal.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-6"> (Line 168)

src/components/modal/GlassModal.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block text-sm font-medium text-white/90 mb-2">Email Address (Line 170)

src/components/modal/GlassModal.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full px-3 py-2 bg-white/250 border border-white/300 rounded-lg text-white/95 placeholder-white/70 focus:outline-none focus:ring-2 focus:ring-blue-500/50" (Line 173)

src/components/modal/GlassModal.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block text-sm font-medium text-white/90 mb-2">Message (Line 178)

src/components/modal/GlassModal.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full px-3 py-2 bg-white/250 border border-white/300 rounded-lg text-white/95 placeholder-white/70 focus:outline-none focus:ring-2 focus:ring-blue-500/50 resize-none" (Line 181)

src/components/modal/GlassModal.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-end gap-3"> (Line 91)

src/components/modal/GlassModal.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-4 py-2 text-sm font-medium text-white/90 hover:text-white transition-colors"> (Line 92)

src/components/modal/GlassModal.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-4 py-2 text-sm font-medium bg-blue-500/20 text-blue-300 rounded-lg hover:bg-blue-500/30 transition-colors"> (Line 95)

src/components/modal/GlassModal.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 238)

src/components/modal/GlassModal.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 79)

src/components/modal/GlassModal.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 106)

src/components/modal/GlassModal.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 197)

src/components/modal/GlassModal.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 bg-black/50 backdrop-blur-sm" (Line 208)

src/components/modal/GlassModal.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 197)

src/components/modal/GlassModal.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 197)

src/components/modal/GlassModal.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 79)

src/components/modal/GlassModal.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0 p-6 border-b border-border/20"> (Line 246)

src/components/modal/GlassModal.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-start justify-between"> (Line 247)

src/components/modal/GlassModal.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-0"> (Line 248)

src/components/modal/GlassModal.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xl font-semibold text-white/95"> (Line 250)

src/components/modal/GlassModal.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-1 text-sm text-white/85"> (Line 255)

src/components/modal/GlassModal.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0 ml-4"> (Line 262)

src/components/modal/GlassModal.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 266)

src/components/modal/GlassModal.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 overflow-y-auto p-6" (Line 285)

src/components/modal/GlassModal.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0 p-6 border-t border-border/20"> (Line 292)

src/components/modal/GlassModal.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 79)

src/components/modal/GlassModal.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 106)

src/components/modal/GlassModal.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 197)

src/components/modal/GlassModal.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 bg-black/50 backdrop-blur-sm" (Line 208)

src/components/modal/GlassModal.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 197)

src/components/modal/GlassModal.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 197)

src/components/modal/GlassModal.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 79)

src/components/modal/GlassModal.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0 p-6 border-b border-border/20"> (Line 246)

src/components/modal/GlassModal.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-start justify-between"> (Line 247)

src/components/modal/GlassModal.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-0"> (Line 248)

src/components/modal/GlassModal.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xl font-semibold text-white/95"> (Line 250)

src/components/modal/GlassModal.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-1 text-sm text-white/85"> (Line 255)

src/components/modal/GlassModal.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0 ml-4"> (Line 262)

src/components/modal/GlassModal.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 266)

src/components/modal/GlassModal.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 overflow-y-auto p-6" (Line 285)

src/components/modal/GlassModal.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0 p-6 border-t border-border/20"> (Line 292)

src/components/modal/GlassPopover.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4"> (Line 55)

src/components/modal/GlassPopover.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-semibold mb-2">Popover Content (Line 56)

src/components/modal/GlassPopover.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm">This is the content inside the popover.

(Line 57)

src/components/modal/GlassPopover.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-2 px-3 py-1 bg-blue-500 text-white rounded text-sm"> (Line 58)

src/components/modal/GlassPopover.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-4 py-2 bg-blue-500 text-white rounded"> (Line 64)

src/components/modal/GlassPopover.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 space-y-3"> (Line 76)

src/components/modal/GlassPopover.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 77)

src/components/modal/GlassPopover.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm">Notifications (Line 78)

src/components/modal/GlassPopover.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 77)

src/components/modal/GlassPopover.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm">Dark Mode (Line 82)

src/components/modal/GlassPopover.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between"> (Line 77)

src/components/modal/GlassPopover.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm">Auto-save (Line 86)

src/components/modal/GlassPopover.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-4 py-2 bg-gray-500 text-white rounded"> (Line 92)

src/components/modal/GlassPopover.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4"> (Line 55)

src/components/modal/GlassPopover.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-semibold mb-2">Popover Content (Line 56)

src/components/modal/GlassPopover.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm">This is the content inside the popover.

(Line 57)

src/components/modal/GlassPopover.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-2 px-3 py-1 bg-blue-500 text-white rounded text-sm"> (Line 58)

src/components/modal/GlassPopover.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-4 py-2 bg-blue-500 text-white rounded"> (Line 64)

src/components/modal/GlassPopover.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 space-y-3"> (Line 76)

src/components/modal/GlassPopover.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 77)

src/components/modal/GlassPopover.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm">Notifications (Line 78)

src/components/modal/GlassPopover.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 77)

src/components/modal/GlassPopover.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm">Dark Mode (Line 82)

src/components/modal/GlassPopover.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between"> (Line 77)

src/components/modal/GlassPopover.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm">Auto-save (Line 86)

src/components/modal/GlassPopover.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-4 py-2 bg-gray-500 text-white rounded"> (Line 92)

src/components/modal/GlassPopover.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="fixed inset-0 pointer-events-none" style={{ zIndex }}> (Line 421)

src/components/modal/GlassPopover.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="pointer-events-auto" (Line 424)

src/components/modal/GlassPopover.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 438)

src/components/modal/GlassPopover.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-3"> (Line 453)

src/components/modal/GlassPopover.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium text-foreground mb-1">{title}} (Line 454)

src/components/modal/GlassPopover.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-muted-foreground mb-2">{description}

(Line 456)

src/components/modal/GlassPopover.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={getArrowClasses()} style={getArrowPosition()} /> (Line 462)

src/components/modal/GlassPopover.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 438)

src/components/modal/GlassPopover.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-3"> (Line 453)

src/components/modal/GlassPopover.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium mb-1">{title}} (Line 481)

src/components/modal/GlassPopover.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-muted-foreground mb-2">{description}

} (Line 482)

src/components/modal/GlassPopover.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-foreground"> (Line 538)

src/components/modal/GlassPopover.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="fixed inset-0 pointer-events-none" style={{ zIndex }}> (Line 421)

src/components/modal/GlassPopover.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="pointer-events-auto" (Line 424)

src/components/modal/GlassPopover.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 438)

src/components/modal/GlassPopover.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-3"> (Line 453)

src/components/modal/GlassPopover.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium text-foreground mb-1">{title}} (Line 454)

src/components/modal/GlassPopover.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-muted-foreground mb-2">{description}

(Line 456)

src/components/modal/GlassPopover.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={getArrowClasses()} style={getArrowPosition()} /> (Line 462)

src/components/modal/GlassPopover.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 438)

src/components/modal/GlassPopover.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-3"> (Line 453)

src/components/modal/GlassPopover.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium mb-1">{title}} (Line 481)

src/components/modal/GlassPopover.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-muted-foreground mb-2">{description}

} (Line 482)

src/components/modal/GlassPopover.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-foreground"> (Line 538)

src/components/modal/GlassTooltip.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 92)

src/components/modal/GlassTooltip.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 92)

src/components/modal/GlassTooltip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-4 py-2 bg-blue-500/20 rounded-lg hover:bg-blue-500/30 transition-colors"> (Line 43)

src/components/modal/GlassTooltip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-2 gap-8 max-w-2xl"> (Line 55)

src/components/modal/GlassTooltip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-4 py-2 bg-red-500/20 rounded-lg">Top (Line 57)

src/components/modal/GlassTooltip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-4 py-2 bg-green-500/20 rounded-lg">Right (Line 61)

src/components/modal/GlassTooltip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-4 py-2 bg-blue-500/20 rounded-lg">Bottom (Line 65)

src/components/modal/GlassTooltip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-4 py-2 bg-purple-500/20 rounded-lg">Left (Line 69)

src/components/modal/GlassTooltip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-6 py-3 bg-gradient-to-r from-purple-500/20 to-pink-500/20 rounded-lg font-medium"> (Line 78)

src/components/modal/GlassTooltip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2 max-w-xs"> (Line 85)

src/components/modal/GlassTooltip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-semibold">Advanced Tooltip

(Line 86)

src/components/modal/GlassTooltip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-90"> (Line 87)

src/components/modal/GlassTooltip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex space-x-2 pt-2"> (Line 91)

src/components/modal/GlassTooltip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-2 py-1 bg-white/250 rounded text-xs">Feature (Line 92)

src/components/modal/GlassTooltip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-2 py-1 bg-white/250 rounded text-xs">Interactive (Line 93)

src/components/modal/GlassTooltip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-6"> (Line 103)

src/components/modal/GlassTooltip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 104)

src/components/modal/GlassTooltip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">Tooltip Component Examples (Line 105)

src/components/modal/GlassTooltip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">Using GlassTooltipTrigger and GlassTooltipContent explicitly

(Line 106)

src/components/modal/GlassTooltip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-center space-x-4"> (Line 109)

src/components/modal/GlassTooltip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-4 py-2 bg-blue-500/20 rounded-lg hover:bg-blue-500/30 transition-colors"> (Line 43)

src/components/modal/GlassTooltip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-4 py-2 bg-green-500/20 rounded-lg hover:bg-green-500/30 transition-colors"> (Line 123)

src/components/modal/GlassTooltip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4"> (Line 141)

src/components/modal/GlassTooltip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 143)

src/components/modal/GlassTooltip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-semibold">Custom Trigger

(Line 144)

src/components/modal/GlassTooltip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-90"> (Line 87)

src/components/modal/GlassTooltip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-3 bg-purple-500/20 rounded-lg cursor-pointer hover:bg-purple-500/30 transition-colors"> (Line 151)

src/components/modal/GlassTooltip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium">Custom Trigger Element (Line 152)

src/components/modal/GlassTooltip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 143)

src/components/modal/GlassTooltip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-semibold">Custom Trigger

(Line 144)

src/components/modal/GlassTooltip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-90"> (Line 87)

src/components/modal/GlassTooltip.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="inline-block px-2 py-1 bg-orange-500/20 rounded cursor-pointer hover:bg-orange-500/30 transition-colors text-sm"> (Line 167)

src/components/modal/GlassTooltip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-4 py-2 bg-blue-500/20 rounded-lg hover:bg-blue-500/30 transition-colors"> (Line 43)

src/components/modal/GlassTooltip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-2 gap-8 max-w-2xl"> (Line 55)

src/components/modal/GlassTooltip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-4 py-2 bg-red-500/20 rounded-lg">Top (Line 57)

src/components/modal/GlassTooltip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-4 py-2 bg-green-500/20 rounded-lg">Right (Line 61)

src/components/modal/GlassTooltip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-4 py-2 bg-blue-500/20 rounded-lg">Bottom (Line 65)

src/components/modal/GlassTooltip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-4 py-2 bg-purple-500/20 rounded-lg">Left (Line 69)

src/components/modal/GlassTooltip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-6 py-3 bg-gradient-to-r from-purple-500/20 to-pink-500/20 rounded-lg font-medium"> (Line 78)

src/components/modal/GlassTooltip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2 max-w-xs"> (Line 85)

src/components/modal/GlassTooltip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-semibold">Advanced Tooltip

(Line 86)

src/components/modal/GlassTooltip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-90"> (Line 87)

src/components/modal/GlassTooltip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex space-x-2 pt-2"> (Line 91)

src/components/modal/GlassTooltip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-2 py-1 bg-white/250 rounded text-xs">Feature (Line 92)

src/components/modal/GlassTooltip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-2 py-1 bg-white/250 rounded text-xs">Interactive (Line 93)

src/components/modal/GlassTooltip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-6"> (Line 103)

src/components/modal/GlassTooltip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 104)

src/components/modal/GlassTooltip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">Tooltip Component Examples (Line 105)

src/components/modal/GlassTooltip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">Using GlassTooltipTrigger and GlassTooltipContent explicitly

(Line 106)

src/components/modal/GlassTooltip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-center space-x-4"> (Line 109)

src/components/modal/GlassTooltip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-4 py-2 bg-blue-500/20 rounded-lg hover:bg-blue-500/30 transition-colors"> (Line 43)

src/components/modal/GlassTooltip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-4 py-2 bg-green-500/20 rounded-lg hover:bg-green-500/30 transition-colors"> (Line 123)

src/components/modal/GlassTooltip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4"> (Line 141)

src/components/modal/GlassTooltip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 143)

src/components/modal/GlassTooltip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-semibold">Custom Trigger

(Line 144)

src/components/modal/GlassTooltip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-90"> (Line 87)

src/components/modal/GlassTooltip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-3 bg-purple-500/20 rounded-lg cursor-pointer hover:bg-purple-500/30 transition-colors"> (Line 151)

src/components/modal/GlassTooltip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium">Custom Trigger Element (Line 152)

src/components/modal/GlassTooltip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 143)

src/components/modal/GlassTooltip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-semibold">Custom Trigger

(Line 144)

src/components/modal/GlassTooltip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-90"> (Line 87)

src/components/modal/GlassTooltip.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="inline-block px-2 py-1 bg-orange-500/20 rounded cursor-pointer hover:bg-orange-500/30 transition-colors text-sm"> (Line 167)

src/components/modal/GlassTooltip.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className for tooltip */ (Line 19)

src/components/modal/GlassTooltip.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 20)

src/components/modal/GlassTooltip.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className for trigger */ (Line 21)

src/components/modal/GlassTooltip.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className = '', (Line 70)

src/components/modal/GlassTooltip.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`inline-block ${triggerClassName}`} (Line 240)

src/components/modal/GlassTooltip.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`absolute ${className}`} (Line 253)

src/components/modal/GlassTooltip.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-2 rounded-lg text-sm text-white shadow-lg" (Line 256)

src/components/modal/GlassTooltip.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute w-0 h-0 border-l-4 border-r-4 border-b-4 border-transparent border-b-white/20" (Line 264)

src/components/modal/GlassTooltip.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className for tooltip */ (Line 19)

src/components/modal/GlassTooltip.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 20)

src/components/modal/GlassTooltip.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className for trigger */ (Line 21)

src/components/modal/GlassTooltip.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className = '', (Line 70)

src/components/modal/GlassTooltip.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`inline-block ${triggerClassName}`} (Line 240)

src/components/modal/GlassTooltip.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`absolute ${className}`} (Line 253)

src/components/modal/GlassTooltip.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-2 rounded-lg text-sm text-white shadow-lg" (Line 256)

src/components/modal/GlassTooltip.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute w-0 h-0 border-l-4 border-r-4 border-b-4 border-transparent border-b-white/20" (Line 264)

src/components/navigation/components/CollapsedMenu.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 32)

src/components/navigation/components/CollapsedMenu.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 32)

src/components/navigation/components/ScrollButtons.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 32)

src/components/navigation/components/ScrollButtons.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 32)

src/components/navigation/components/TabItem.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 32)

src/components/navigation/components/TabItem.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 32)

src/components/navigation/EnhancedGlassTabs.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-8"> (Line 91)

src/components/navigation/EnhancedGlassTabs.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-4">Default Variant (Line 93)

src/components/navigation/EnhancedGlassTabs.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-4">Elevated Variant (Line 97)

src/components/navigation/EnhancedGlassTabs.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-4">Outlined Variant (Line 101)

src/components/navigation/EnhancedGlassTabs.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-4">Text Variant (Line 105)

src/components/navigation/EnhancedGlassTabs.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-8"> (Line 91)

src/components/navigation/EnhancedGlassTabs.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-4">Default Variant (Line 93)

src/components/navigation/EnhancedGlassTabs.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-4">Elevated Variant (Line 97)

src/components/navigation/EnhancedGlassTabs.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-4">Outlined Variant (Line 101)

src/components/navigation/EnhancedGlassTabs.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-4">Text Variant (Line 105)

src/components/navigation/EnhancedGlassTabs.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 117)

src/components/navigation/EnhancedGlassTabs.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 480)

src/components/navigation/EnhancedGlassTabs.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 606)

src/components/navigation/EnhancedGlassTabs.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 117)

src/components/navigation/EnhancedGlassTabs.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 480)

src/components/navigation/EnhancedGlassTabs.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 606)

src/components/navigation/EnhancedGlassTabs.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.05) (Line 212)

src/components/navigation/GlassBottomNav.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/navigation/GlassBottomNav.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/navigation/GlassBottomNav.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/navigation/GlassBottomNav.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/navigation/GlassBottomNav.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/navigation/GlassBottomNav.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/navigation/GlassBottomNav.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/navigation/GlassBottomNav.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/navigation/GlassBottomNav.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 88)

src/components/navigation/GlassBottomNav.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative flex-1"> (Line 141)

src/components/navigation/GlassBottomNav.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 147)

src/components/navigation/GlassBottomNav.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 147)

src/components/navigation/GlassBottomNav.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 147)

src/components/navigation/GlassBottomNav.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute -bottom-0.5 left-1/2 -translate-x-1/2 w-1 h-1 bg-primary rounded-full" (Line 177)

src/components/navigation/GlassBottomNav.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute -top-1 -right-1 min-w-[1.25rem] h-5 flex items-center justify-center" (Line 187)

src/components/navigation/GlassBottomNav.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 209)

src/components/navigation/GlassBottomNav.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 88)

src/components/navigation/GlassBottomNav.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full"> (Line 220)

src/components/navigation/GlassBottomNav.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 88)

src/components/navigation/GlassBottomNav.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative flex-1"> (Line 141)

src/components/navigation/GlassBottomNav.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 147)

src/components/navigation/GlassBottomNav.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 147)

src/components/navigation/GlassBottomNav.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 147)

src/components/navigation/GlassBottomNav.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute -bottom-0.5 left-1/2 -translate-x-1/2 w-1 h-1 bg-primary rounded-full" (Line 177)

src/components/navigation/GlassBottomNav.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute -top-1 -right-1 min-w-[1.25rem] h-5 flex items-center justify-center" (Line 187)

src/components/navigation/GlassBottomNav.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 209)

src/components/navigation/GlassBottomNav.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 88)

src/components/navigation/GlassBottomNav.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full"> (Line 220)

src/components/navigation/GlassBreadcrumb.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/navigation/GlassBreadcrumb.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/navigation/GlassBreadcrumb.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/navigation/GlassBreadcrumb.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/navigation/GlassBreadcrumb.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/navigation/GlassBreadcrumb.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/navigation/GlassBreadcrumb.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/navigation/GlassBreadcrumb.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/navigation/GlassBreadcrumb.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 127)

src/components/navigation/GlassBreadcrumb.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 38)

src/components/navigation/GlassBreadcrumb.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 40)

src/components/navigation/GlassBreadcrumb.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 38)

src/components/navigation/GlassBreadcrumb.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 40)

src/components/navigation/GlassBreadcrumb.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 92)

src/components/navigation/GlassBreadcrumb.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 126)

src/components/navigation/GlassBreadcrumb.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 38)

src/components/navigation/GlassBreadcrumb.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center space-x-2"> (Line 133)

src/components/navigation/GlassBreadcrumb.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center"> (Line 135)

src/components/navigation/GlassBreadcrumb.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mx-2 text-white/70" aria-hidden="true"> (Line 137)

src/components/navigation/GlassBreadcrumb.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 126)

src/components/navigation/GlassBreadcrumb.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 92)

src/components/navigation/GlassBreadcrumb.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 126)

src/components/navigation/GlassBreadcrumb.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 38)

src/components/navigation/GlassBreadcrumb.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 92)

src/components/navigation/GlassBreadcrumb.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 38)

src/components/navigation/GlassBreadcrumb.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={linkClasses} aria-current="page"> (Line 215)

src/components/navigation/GlassBreadcrumb.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={linkClasses} {...props}> (Line 223)

src/components/navigation/GlassBreadcrumb.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={linkClasses} onClick={props?.onClick as any} {...(props as any)}> (Line 231)

src/components/navigation/GlassBreadcrumb.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 38)

src/components/navigation/GlassBreadcrumb.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 40)

src/components/navigation/GlassBreadcrumb.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 38)

src/components/navigation/GlassBreadcrumb.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 40)

src/components/navigation/GlassBreadcrumb.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 92)

src/components/navigation/GlassBreadcrumb.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 126)

src/components/navigation/GlassBreadcrumb.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 38)

src/components/navigation/GlassBreadcrumb.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center space-x-2"> (Line 133)

src/components/navigation/GlassBreadcrumb.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center"> (Line 135)

src/components/navigation/GlassBreadcrumb.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mx-2 text-white/70" aria-hidden="true"> (Line 137)

src/components/navigation/GlassBreadcrumb.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 126)

src/components/navigation/GlassBreadcrumb.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 92)

src/components/navigation/GlassBreadcrumb.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 126)

src/components/navigation/GlassBreadcrumb.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 38)

src/components/navigation/GlassBreadcrumb.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 92)

src/components/navigation/GlassBreadcrumb.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 38)

src/components/navigation/GlassBreadcrumb.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={linkClasses} aria-current="page"> (Line 215)

src/components/navigation/GlassBreadcrumb.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={linkClasses} {...props}> (Line 223)

src/components/navigation/GlassBreadcrumb.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={linkClasses} onClick={props?.onClick as any} {...(props as any)}> (Line 231)

src/components/navigation/GlassCommandBar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/navigation/GlassCommandBar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/navigation/GlassCommandBar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/navigation/GlassCommandBar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/navigation/GlassCommandBar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/navigation/GlassCommandBar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/navigation/GlassCommandBar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/navigation/GlassCommandBar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/navigation/GlassCommandBar.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 40)

src/components/navigation/GlassCommandBar.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 40)

src/components/navigation/GlassCommandBar.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 40)

src/components/navigation/GlassCommandBar.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 40)

src/components/navigation/GlassCommandBar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, ...rest }: GlassCommandBarProps) { (Line 21)

src/components/navigation/GlassCommandBar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('w-full', position === 'top' ? 'mt-2' : 'mb-2')}> (Line 23)

src/components/navigation/GlassCommandBar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 26)

src/components/navigation/GlassCommandBar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 21)

src/components/navigation/GlassCommandBar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 26)

src/components/navigation/GlassCommandBar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="inline-flex items-center gap-2"> (Line 44)

src/components/navigation/GlassCommandBar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="ml-1 text-xs px-1 py-0.5 rounded bg-white/255 border border-white/305">{it.shortcut} (Line 48)

src/components/navigation/GlassCommandBar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, ...rest }: GlassCommandBarProps) { (Line 21)

src/components/navigation/GlassCommandBar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('w-full', position === 'top' ? 'mt-2' : 'mb-2')}> (Line 23)

src/components/navigation/GlassCommandBar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 26)

src/components/navigation/GlassCommandBar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 21)

src/components/navigation/GlassCommandBar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 26)

src/components/navigation/GlassCommandBar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="inline-flex items-center gap-2"> (Line 44)

src/components/navigation/GlassCommandBar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="ml-1 text-xs px-1 py-0.5 rounded bg-white/255 border border-white/305">{it.shortcut} (Line 48)

src/components/navigation/GlassContextMenu.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/navigation/GlassContextMenu.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/navigation/GlassContextMenu.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/navigation/GlassContextMenu.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/navigation/GlassContextMenu.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/navigation/GlassContextMenu.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/navigation/GlassContextMenu.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/navigation/GlassContextMenu.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/navigation/GlassContextMenu.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 266)

src/components/navigation/GlassContextMenu.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 266)

src/components/navigation/GlassContextMenu.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 266)

src/components/navigation/GlassContextMenu.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 266)

src/components/navigation/GlassContextMenu.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 252)

src/components/navigation/GlassContextMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 51)

src/components/navigation/GlassContextMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 53)

src/components/navigation/GlassContextMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 51)

src/components/navigation/GlassContextMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 53)

src/components/navigation/GlassContextMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 114)

src/components/navigation/GlassContextMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="cursor-context-menu" (Line 178)

src/components/navigation/GlassContextMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 188)

src/components/navigation/GlassContextMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 114)

src/components/navigation/GlassContextMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="fixed z-[9999]"> (Line 238)

src/components/navigation/GlassContextMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 251)

src/components/navigation/GlassContextMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 51)

src/components/navigation/GlassContextMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="py-1"> (Line 262)

src/components/navigation/GlassContextMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-px bg-white/250 mx-2 my-1" /> (Line 266)

src/components/navigation/GlassContextMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute left-full top-0 ml-1"> (Line 285)

src/components/navigation/GlassContextMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-px bg-white/250 mx-2 my-1" />; (Line 315)

src/components/navigation/GlassContextMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 251)

src/components/navigation/GlassContextMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center w-4 h-4 mr-3"> (Line 336)

src/components/navigation/GlassContextMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 text-sm font-medium truncate"> (Line 341)

src/components/navigation/GlassContextMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="ml-6 text-xs text-white/70 font-mono"> (Line 346)

src/components/navigation/GlassContextMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="ml-3 text-white/70"> (Line 352)

src/components/navigation/GlassContextMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 51)

src/components/navigation/GlassContextMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 53)

src/components/navigation/GlassContextMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 51)

src/components/navigation/GlassContextMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 53)

src/components/navigation/GlassContextMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 114)

src/components/navigation/GlassContextMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="cursor-context-menu" (Line 178)

src/components/navigation/GlassContextMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 188)

src/components/navigation/GlassContextMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 114)

src/components/navigation/GlassContextMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="fixed z-[9999]"> (Line 238)

src/components/navigation/GlassContextMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 251)

src/components/navigation/GlassContextMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 51)

src/components/navigation/GlassContextMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="py-1"> (Line 262)

src/components/navigation/GlassContextMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-px bg-white/250 mx-2 my-1" /> (Line 266)

src/components/navigation/GlassContextMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute left-full top-0 ml-1"> (Line 285)

src/components/navigation/GlassContextMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-px bg-white/250 mx-2 my-1" />; (Line 315)

src/components/navigation/GlassContextMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 251)

src/components/navigation/GlassContextMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center w-4 h-4 mr-3"> (Line 336)

src/components/navigation/GlassContextMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 text-sm font-medium truncate"> (Line 341)

src/components/navigation/GlassContextMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="ml-6 text-xs text-white/70 font-mono"> (Line 346)

src/components/navigation/GlassContextMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="ml-3 text-white/70"> (Line 352)

src/components/navigation/GlassDropdownMenu.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-56"> (Line 44)

src/components/navigation/GlassDropdownMenu.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-56"> (Line 44)

src/components/navigation/GlassDropdownMenu.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mr-2">📝 (Line 124)

src/components/navigation/GlassDropdownMenu.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mr-2">📁 (Line 130)

src/components/navigation/GlassDropdownMenu.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mr-2">💾 (Line 138)

src/components/navigation/GlassDropdownMenu.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mr-2">🔄 (Line 144)

src/components/navigation/GlassDropdownMenu.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-56"> (Line 44)

src/components/navigation/GlassDropdownMenu.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mr-2">✏️ (Line 162)

src/components/navigation/GlassDropdownMenu.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mr-2">📋 (Line 167)

src/components/navigation/GlassDropdownMenu.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mr-2">🗑️ (Line 174)

src/components/navigation/GlassDropdownMenu.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-56"> (Line 44)

src/components/navigation/GlassDropdownMenu.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-56"> (Line 44)

src/components/navigation/GlassDropdownMenu.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mr-2">📝 (Line 124)

src/components/navigation/GlassDropdownMenu.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mr-2">📁 (Line 130)

src/components/navigation/GlassDropdownMenu.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mr-2">💾 (Line 138)

src/components/navigation/GlassDropdownMenu.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mr-2">🔄 (Line 144)

src/components/navigation/GlassDropdownMenu.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-56"> (Line 44)

src/components/navigation/GlassDropdownMenu.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mr-2">✏️ (Line 162)

src/components/navigation/GlassDropdownMenu.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mr-2">📋 (Line 167)

src/components/navigation/GlassDropdownMenu.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mr-2">🗑️ (Line 174)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={baseStyles} (Line 65)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 104)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-0 glass-radial-reveal glass-lift" (Line 125)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 104)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mr-3 flex h-4 w-4 items-center justify-center"> (Line 179)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1">{children} (Line 183)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="ml-auto text-xs text-muted-foreground"> (Line 185)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 104)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center"> (Line 230)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-3 w-3" /> (Line 231)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="ml-6 mr-3 flex h-4 w-4 items-center justify-center"> (Line 234)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1">{children} (Line 183)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 104)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center"> (Line 230)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-2 w-2 rounded-full bg-current" /> (Line 281)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="ml-6 mr-3 flex h-4 w-4 items-center justify-center"> (Line 234)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1">{children} (Line 183)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 104)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', '-mx-1 my-1 h-px bg-border/20', className))} (Line 346)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('ml-auto text-xs tracking-widest text-muted-foreground', className)} (Line 372)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 104)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mr-3 flex h-4 w-4 items-center justify-center"> (Line 179)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1">{children} (Line 183)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="ml-auto h-4 w-4" /> (Line 420)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 104)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-0 glass-radial-reveal glass-lift" (Line 125)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={baseStyles} (Line 65)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 104)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-0 glass-radial-reveal glass-lift" (Line 125)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 104)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mr-3 flex h-4 w-4 items-center justify-center"> (Line 179)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1">{children} (Line 183)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="ml-auto text-xs text-muted-foreground"> (Line 185)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 104)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center"> (Line 230)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-3 w-3" /> (Line 231)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="ml-6 mr-3 flex h-4 w-4 items-center justify-center"> (Line 234)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1">{children} (Line 183)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 104)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center"> (Line 230)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-2 w-2 rounded-full bg-current" /> (Line 281)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="ml-6 mr-3 flex h-4 w-4 items-center justify-center"> (Line 234)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1">{children} (Line 183)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 104)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', '-mx-1 my-1 h-px bg-border/20', className))} (Line 346)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('ml-auto text-xs tracking-widest text-muted-foreground', className)} (Line 372)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 104)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mr-3 flex h-4 w-4 items-center justify-center"> (Line 179)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1">{children} (Line 183)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="ml-auto h-4 w-4" /> (Line 420)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 104)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 28)

src/components/navigation/GlassDropdownMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-0 glass-radial-reveal glass-lift" (Line 125)

src/components/navigation/GlassHeader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/navigation/GlassHeader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/navigation/GlassHeader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/navigation/GlassHeader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/navigation/GlassHeader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/navigation/GlassHeader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/navigation/GlassHeader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/navigation/GlassHeader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/navigation/GlassHeader.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 325)

src/components/navigation/GlassHeader.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 325)

src/components/navigation/GlassHeader.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 325)

src/components/navigation/GlassHeader.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 325)

src/components/navigation/GlassHeader.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 325)

src/components/navigation/GlassHeader.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 325)

src/components/navigation/GlassHeader.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 325)

src/components/navigation/GlassHeader.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 371)

src/components/navigation/GlassHeader.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 371)

src/components/navigation/GlassHeader.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 371)

src/components/navigation/GlassHeader.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 371)

src/components/navigation/GlassHeader.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 371)

src/components/navigation/GlassHeader.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 371)

src/components/navigation/GlassHeader.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 371)

src/components/navigation/GlassHeader.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 371)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 90)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 111)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 145)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 90)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-4"> (Line 157)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5 flex flex-col justify-center space-y-1"> (Line 162)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 145)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 145)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 145)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="md:hidden" (Line 181)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0"> (Line 187)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="hidden md:block"> (Line 194)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 flex justify-center px-4"> (Line 201)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative w-full max-w-md"> (Line 203)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 211)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full" (Line 217)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute top-full left-0 right-0 mt-1 z-[1000]"> (Line 222)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="max-h-60 overflow-y-auto" (Line 232)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-3"> (Line 241)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full text-left px-4 py-3 rounded-xl hover:bg-muted/50 transition-colors mb-2 last:mb-0" (Line 245)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center"> (Line 263)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center"> (Line 263)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 277)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative"> (Line 314)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 145)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5 flex items-center justify-center"> (Line 330)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute top-0 right-0 z-20 pointer-events-none bg-red-500 text-white text-[10px] rounded-full min-w-4 h-4 flex items-center justify-center px-1 font-semibold shadow-md"> (Line 334)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute top-full right-0 mt-2 z-[1000]"> (Line 342)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-80 ring-1 ring-white/10 shadow-[0_12px_40px_rgba(17,24,39,0.45)]" (Line 352)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4"> (Line 365)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-semibold text-white mb-3 flex items-center justify-between"> (Line 366)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-blue-400 bg-blue-400/10 px-2 py-1 rounded-full">3 (Line 368)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-3 max-h-64 overflow-y-auto"> (Line 370)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete p-3 bg-white/25 border border-white/305 transition-colors cursor-pointer shadow-[inset_0_1px_0_rgba(255,255,255,0.06)]" style={{ borderRadius: 'var(--popover-item-radius, 18px)' }}> (Line 371)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-start justify-between"> (Line 372)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white font-medium">New evaluation completed

(Line 374)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-blue-300 mt-1">Customer Support QA Template

(Line 375)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-2 h-2 bg-blue-400 rounded-full mt-2"> (Line 377)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70 mt-2">2 minutes ago

(Line 379)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete p-3 bg-white/25 border border-white/305 transition-colors cursor-pointer shadow-[inset_0_1px_0_rgba(255,255,255,0.06)]" style={{ borderRadius: 'var(--popover-item-radius, 18px)' }}> (Line 371)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-start justify-between"> (Line 372)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white font-medium">Model comparison ready

(Line 384)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-green-300 mt-1">GPT-4 vs Claude-3.5 Sonnet

(Line 385)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-2 h-2 bg-green-400 rounded-full mt-2"> (Line 387)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70 mt-2">15 minutes ago

(Line 389)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete p-3 bg-white/25 border border-white/305 transition-colors cursor-pointer shadow-[inset_0_1px_0_rgba(255,255,255,0.06)]" style={{ borderRadius: 'var(--popover-item-radius, 18px)' }}> (Line 371)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-start justify-between"> (Line 372)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-white font-medium">Team member joined

(Line 394)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-indigo-300 mt-1">Sarah Chen joined your organization

(Line 395)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-2 h-2 bg-indigo-400 rounded-full mt-2"> (Line 397)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70 mt-2">1 hour ago

(Line 399)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="pt-3 mt-3 border-t border-white/300"> (Line 402)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full text-sm text-blue-300 hover:text-blue-200 font-medium transition-colors bg-gradient-to-r from-white/5 to-white/0 rounded-[14px]"> (Line 403)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="fixed inset-0 z-40" (Line 415)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative"> (Line 314)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2 p-1 rounded-md hover:bg-white/25 active:bg-white/255 transition-colors" (Line 465)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative"> (Line 314)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-8 h-8 rounded-full object-cover" (Line 474)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-8 h-8 rounded-full bg-primary/20 flex items-center justify-center"> (Line 477)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium" suppressHydrationWarning> (Line 478)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 145)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="hidden sm:block text-left"> (Line 492)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium text-foreground" suppressHydrationWarning> (Line 493)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-foreground/70" suppressHydrationWarning> (Line 497)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 145)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute top-full right-0 mt-2 z-[1000]"> (Line 342)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-80 p-1 ring-1 ring-white/10 shadow-[0_20px_60px_rgba(2,8,23,0.55)]" (Line 528)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-3"> (Line 241)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-3 bg-gradient-to-br from-white/6 via-white/3 to-transparent border border-white/302 rounded-[18px] mb-2 shadow-[inset_0_1px_0_rgba(255,255,255,0.08)]"> (Line 544)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-3"> (Line 545)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-10 h-10 rounded-full object-cover border-2 border-white/300" (Line 550)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-10 h-10 rounded-full bg-gradient-to-br from-sky-500 to-indigo-400 flex items-center justify-center border-2 border-white/300"> (Line 553)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white font-semibold" suppressHydrationWarning> (Line 554)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-semibold text-white text-sm" suppressHydrationWarning> (Line 560)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-blue-300" suppressHydrationWarning> (Line 564)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1 mt-1"> (Line 569)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 145)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70 capitalize">{user.status} (Line 574)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-1"> (Line 582)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="my-2 border-t border-white/300" /> (Line 586)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 145)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="inline-flex items-center gap-3 truncate"> (Line 601)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('w-4 h-4 flex items-center justify-center', item?.id === 'logout' ? 'text-red-400' : 'text-white/80')}> (Line 603)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="truncate font-medium">{item?.label} (Line 607)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 text-white/70" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 610)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="fixed inset-0 z-40" (Line 415)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 90)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 90)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('flex items-center space-x-2 text-sm', className)} aria-label="Breadcrumb"> (Line 657)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center space-x-2"> (Line 658)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center space-x-2"> (Line 658)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-muted-foreground">{separator} (Line 662)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium text-foreground">{item?.label} (Line 666)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-muted-foreground hover:text-foreground transition-colors" (Line 670)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-muted-foreground hover:text-foreground transition-colors" (Line 670)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-muted-foreground">{item?.label} (Line 682)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 90)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className }: HeaderNavigationProps) { (Line 707)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className}> (Line 709)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center space-x-1"> (Line 710)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 145)

src/components/navigation/GlassHeader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 145)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 90)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 111)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 145)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 90)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-4"> (Line 157)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5 flex flex-col justify-center space-y-1"> (Line 162)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 145)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 145)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 145)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="md:hidden" (Line 181)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0"> (Line 187)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="hidden md:block"> (Line 194)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 flex justify-center px-4"> (Line 201)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative w-full max-w-md"> (Line 203)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 211)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full" (Line 217)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute top-full left-0 right-0 mt-1 z-[1000]"> (Line 222)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="max-h-60 overflow-y-auto" (Line 232)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-3"> (Line 241)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full text-left px-4 py-3 rounded-xl hover:bg-muted/50 transition-colors mb-2 last:mb-0" (Line 245)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center"> (Line 263)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center"> (Line 263)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 277)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative"> (Line 314)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 145)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5 flex items-center justify-center"> (Line 330)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute top-0 right-0 z-20 pointer-events-none bg-red-500 text-white text-[10px] rounded-full min-w-4 h-4 flex items-center justify-center px-1 font-semibold shadow-md"> (Line 334)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute top-full right-0 mt-2 z-[1000]"> (Line 342)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-80 ring-1 ring-white/10 shadow-[0_12px_40px_rgba(17,24,39,0.45)]" (Line 352)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4"> (Line 365)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-semibold text-white mb-3 flex items-center justify-between"> (Line 366)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-blue-400 bg-blue-400/10 px-2 py-1 rounded-full">3 (Line 368)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-3 max-h-64 overflow-y-auto"> (Line 370)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete p-3 bg-white/25 border border-white/305 transition-colors cursor-pointer shadow-[inset_0_1px_0_rgba(255,255,255,0.06)]" style={{ borderRadius: 'var(--popover-item-radius, 18px)' }}> (Line 371)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-start justify-between"> (Line 372)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white font-medium">New evaluation completed

(Line 374)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-blue-300 mt-1">Customer Support QA Template

(Line 375)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-2 h-2 bg-blue-400 rounded-full mt-2"> (Line 377)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70 mt-2">2 minutes ago

(Line 379)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete p-3 bg-white/25 border border-white/305 transition-colors cursor-pointer shadow-[inset_0_1px_0_rgba(255,255,255,0.06)]" style={{ borderRadius: 'var(--popover-item-radius, 18px)' }}> (Line 371)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-start justify-between"> (Line 372)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white font-medium">Model comparison ready

(Line 384)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-green-300 mt-1">GPT-4 vs Claude-3.5 Sonnet

(Line 385)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-2 h-2 bg-green-400 rounded-full mt-2"> (Line 387)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70 mt-2">15 minutes ago

(Line 389)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete p-3 bg-white/25 border border-white/305 transition-colors cursor-pointer shadow-[inset_0_1px_0_rgba(255,255,255,0.06)]" style={{ borderRadius: 'var(--popover-item-radius, 18px)' }}> (Line 371)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-start justify-between"> (Line 372)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-white font-medium">Team member joined

(Line 394)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-indigo-300 mt-1">Sarah Chen joined your organization

(Line 395)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-2 h-2 bg-indigo-400 rounded-full mt-2"> (Line 397)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70 mt-2">1 hour ago

(Line 399)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="pt-3 mt-3 border-t border-white/300"> (Line 402)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full text-sm text-blue-300 hover:text-blue-200 font-medium transition-colors bg-gradient-to-r from-white/5 to-white/0 rounded-[14px]"> (Line 403)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="fixed inset-0 z-40" (Line 415)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative"> (Line 314)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2 p-1 rounded-md hover:bg-white/25 active:bg-white/255 transition-colors" (Line 465)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative"> (Line 314)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-8 h-8 rounded-full object-cover" (Line 474)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-8 h-8 rounded-full bg-primary/20 flex items-center justify-center"> (Line 477)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium" suppressHydrationWarning> (Line 478)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 145)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="hidden sm:block text-left"> (Line 492)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium text-foreground" suppressHydrationWarning> (Line 493)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-foreground/70" suppressHydrationWarning> (Line 497)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 145)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute top-full right-0 mt-2 z-[1000]"> (Line 342)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-80 p-1 ring-1 ring-white/10 shadow-[0_20px_60px_rgba(2,8,23,0.55)]" (Line 528)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-3"> (Line 241)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-3 bg-gradient-to-br from-white/6 via-white/3 to-transparent border border-white/302 rounded-[18px] mb-2 shadow-[inset_0_1px_0_rgba(255,255,255,0.08)]"> (Line 544)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-3"> (Line 545)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-10 h-10 rounded-full object-cover border-2 border-white/300" (Line 550)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-10 h-10 rounded-full bg-gradient-to-br from-sky-500 to-indigo-400 flex items-center justify-center border-2 border-white/300"> (Line 553)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white font-semibold" suppressHydrationWarning> (Line 554)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-semibold text-white text-sm" suppressHydrationWarning> (Line 560)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-blue-300" suppressHydrationWarning> (Line 564)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1 mt-1"> (Line 569)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 145)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70 capitalize">{user.status} (Line 574)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-1"> (Line 582)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="my-2 border-t border-white/300" /> (Line 586)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 145)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="inline-flex items-center gap-3 truncate"> (Line 601)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('w-4 h-4 flex items-center justify-center', item?.id === 'logout' ? 'text-red-400' : 'text-white/80')}> (Line 603)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="truncate font-medium">{item?.label} (Line 607)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 text-white/70" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 610)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="fixed inset-0 z-40" (Line 415)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 90)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 90)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('flex items-center space-x-2 text-sm', className)} aria-label="Breadcrumb"> (Line 657)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center space-x-2"> (Line 658)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center space-x-2"> (Line 658)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-muted-foreground">{separator} (Line 662)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium text-foreground">{item?.label} (Line 666)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-muted-foreground hover:text-foreground transition-colors" (Line 670)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-muted-foreground hover:text-foreground transition-colors" (Line 670)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-muted-foreground">{item?.label} (Line 682)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 90)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className }: HeaderNavigationProps) { (Line 707)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className}> (Line 709)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center space-x-1"> (Line 710)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 145)

src/components/navigation/GlassHeader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 145)

src/components/navigation/GlassHeader.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.10) (Line 238)

src/components/navigation/GlassHeader.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.12) (Line 362)

src/components/navigation/GlassHeader.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255,255,255,0.06) (Line 371)

src/components/navigation/GlassHeader.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255,255,255,0.06) (Line 371)

src/components/navigation/GlassHeader.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255,255,255,0.06) (Line 371)

src/components/navigation/GlassHeader.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255,255,255,0.10) (Line 538)

src/components/navigation/GlassHeader.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255,255,255,0.08) (Line 544)

src/components/navigation/GlassMenubar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4"> (Line 101)

src/components/navigation/GlassMenubar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-semibold mb-2">Small (Line 103)

src/components/navigation/GlassMenubar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-semibold mb-2">Medium (Line 107)

src/components/navigation/GlassMenubar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-semibold mb-2">Large (Line 111)

src/components/navigation/GlassMenubar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4"> (Line 101)

src/components/navigation/GlassMenubar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-semibold mb-2">Small (Line 103)

src/components/navigation/GlassMenubar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-semibold mb-2">Medium (Line 107)

src/components/navigation/GlassMenubar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-semibold mb-2">Large (Line 111)

src/components/navigation/GlassMenubar.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 170)

src/components/navigation/GlassMenubar.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 170)

src/components/navigation/GlassMenubar.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 170)

src/components/navigation/GlassMenubar.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 170)

src/components/navigation/GlassMenubar.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 170)

src/components/navigation/GlassMenubar.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 285)

src/components/navigation/GlassMenubar.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 285)

src/components/navigation/GlassMenubar.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 285)

src/components/navigation/GlassMenubar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 39)

src/components/navigation/GlassMenubar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 41)

src/components/navigation/GlassMenubar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 39)

src/components/navigation/GlassMenubar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 41)

src/components/navigation/GlassMenubar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 39)

src/components/navigation/GlassMenubar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 41)

src/components/navigation/GlassMenubar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 114)

src/components/navigation/GlassMenubar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 169)

src/components/navigation/GlassMenubar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 39)

src/components/navigation/GlassMenubar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 169)

src/components/navigation/GlassMenubar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 169)

src/components/navigation/GlassMenubar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 114)

src/components/navigation/GlassMenubar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 169)

src/components/navigation/GlassMenubar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 39)

src/components/navigation/GlassMenubar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 114)

src/components/navigation/GlassMenubar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-px bg-white/250 mx-2 my-1" /> (Line 332)

src/components/navigation/GlassMenubar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 169)

src/components/navigation/GlassMenubar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 39)

src/components/navigation/GlassMenubar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-3"> (Line 385)

src/components/navigation/GlassMenubar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center w-4 h-4"> (Line 388)

src/components/navigation/GlassMenubar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 169)

src/components/navigation/GlassMenubar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-full flex items-center justify-center"> (Line 400)

src/components/navigation/GlassMenubar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-2 h-2 bg-black rounded-sm" /> (Line 401)

src/components/navigation/GlassMenubar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 169)

src/components/navigation/GlassMenubar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-full flex items-center justify-center"> (Line 400)

src/components/navigation/GlassMenubar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete w-2 h-2 bg-white rounded-full" /> (Line 414)

src/components/navigation/GlassMenubar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 text-left truncate"> (Line 421)

src/components/navigation/GlassMenubar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 426)

src/components/navigation/GlassMenubar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 text-xs font-mono"> (Line 429)

src/components/navigation/GlassMenubar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 text-white/70" /> (Line 436)

src/components/navigation/GlassMenubar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 39)

src/components/navigation/GlassMenubar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 41)

src/components/navigation/GlassMenubar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 39)

src/components/navigation/GlassMenubar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 41)

src/components/navigation/GlassMenubar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 39)

src/components/navigation/GlassMenubar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 41)

src/components/navigation/GlassMenubar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 114)

src/components/navigation/GlassMenubar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 169)

src/components/navigation/GlassMenubar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 39)

src/components/navigation/GlassMenubar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 169)

src/components/navigation/GlassMenubar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 169)

src/components/navigation/GlassMenubar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 114)

src/components/navigation/GlassMenubar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 169)

src/components/navigation/GlassMenubar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 39)

src/components/navigation/GlassMenubar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 114)

src/components/navigation/GlassMenubar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-px bg-white/250 mx-2 my-1" /> (Line 332)

src/components/navigation/GlassMenubar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 169)

src/components/navigation/GlassMenubar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 39)

src/components/navigation/GlassMenubar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-3"> (Line 385)

src/components/navigation/GlassMenubar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center w-4 h-4"> (Line 388)

src/components/navigation/GlassMenubar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 169)

src/components/navigation/GlassMenubar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-full flex items-center justify-center"> (Line 400)

src/components/navigation/GlassMenubar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-2 h-2 bg-black rounded-sm" /> (Line 401)

src/components/navigation/GlassMenubar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 169)

src/components/navigation/GlassMenubar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-full flex items-center justify-center"> (Line 400)

src/components/navigation/GlassMenubar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete w-2 h-2 bg-white rounded-full" /> (Line 414)

src/components/navigation/GlassMenubar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 text-left truncate"> (Line 421)

src/components/navigation/GlassMenubar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 426)

src/components/navigation/GlassMenubar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 text-xs font-mono"> (Line 429)

src/components/navigation/GlassMenubar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 text-white/70" /> (Line 436)

src/components/navigation/GlassMobileNav.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/navigation/GlassMobileNav.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/navigation/GlassMobileNav.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/navigation/GlassMobileNav.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/navigation/GlassMobileNav.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/navigation/GlassMobileNav.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/navigation/GlassMobileNav.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/navigation/GlassMobileNav.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/navigation/GlassMobileNav.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 109)

src/components/navigation/GlassMobileNav.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-3 flex-1 min-w-0"> (Line 192)

src/components/navigation/GlassMobileNav.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0 text-lg"> (Line 193)

src/components/navigation/GlassMobileNav.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium truncate"> (Line 196)

src/components/navigation/GlassMobileNav.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="ml-auto" (Line 203)

src/components/navigation/GlassMobileNav.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0 ml-2"> (Line 210)

src/components/navigation/GlassMobileNav.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 211)

src/components/navigation/GlassMobileNav.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 211)

src/components/navigation/GlassMobileNav.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-1"> (Line 239)

src/components/navigation/GlassMobileNav.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-4 py-2"> (Line 257)

src/components/navigation/GlassMobileNav.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs font-medium text-muted-foreground uppercase tracking-wide"> (Line 258)

src/components/navigation/GlassMobileNav.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="fixed inset-0 bg-black/50 backdrop-blur-sm z-[100]" (Line 296)

src/components/navigation/GlassMobileNav.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 312)

src/components/navigation/GlassMobileNav.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 109)

src/components/navigation/GlassMobileNav.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between p-4 border-b border-border/20"> (Line 321)

src/components/navigation/GlassMobileNav.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-0"> (Line 322)

src/components/navigation/GlassMobileNav.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0"> (Line 324)

src/components/navigation/GlassMobileNav.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-bold text-lg text-foreground truncate"> (Line 329)

src/components/navigation/GlassMobileNav.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 p-4 overflow-y-auto"> (Line 345)

src/components/navigation/GlassMobileNav.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 border-t border-border/20"> (Line 354)

src/components/navigation/GlassMobileNav.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 109)

src/components/navigation/GlassMobileNav.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-3 flex-1 min-w-0"> (Line 192)

src/components/navigation/GlassMobileNav.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0 text-lg"> (Line 193)

src/components/navigation/GlassMobileNav.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium truncate"> (Line 196)

src/components/navigation/GlassMobileNav.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="ml-auto" (Line 203)

src/components/navigation/GlassMobileNav.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0 ml-2"> (Line 210)

src/components/navigation/GlassMobileNav.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 211)

src/components/navigation/GlassMobileNav.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 211)

src/components/navigation/GlassMobileNav.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-1"> (Line 239)

src/components/navigation/GlassMobileNav.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-4 py-2"> (Line 257)

src/components/navigation/GlassMobileNav.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs font-medium text-muted-foreground uppercase tracking-wide"> (Line 258)

src/components/navigation/GlassMobileNav.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="fixed inset-0 bg-black/50 backdrop-blur-sm z-[100]" (Line 296)

src/components/navigation/GlassMobileNav.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 312)

src/components/navigation/GlassMobileNav.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 109)

src/components/navigation/GlassMobileNav.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between p-4 border-b border-border/20"> (Line 321)

src/components/navigation/GlassMobileNav.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-0"> (Line 322)

src/components/navigation/GlassMobileNav.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0"> (Line 324)

src/components/navigation/GlassMobileNav.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-bold text-lg text-foreground truncate"> (Line 329)

src/components/navigation/GlassMobileNav.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 p-4 overflow-y-auto"> (Line 345)

src/components/navigation/GlassMobileNav.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 border-t border-border/20"> (Line 354)

src/components/navigation/GlassNavigation.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/navigation/GlassNavigation.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 40)

src/components/navigation/GlassNavigation.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/navigation/GlassNavigation.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 40)

src/components/navigation/GlassNavigation.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 351)

src/components/navigation/GlassNavigation.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={item?.className} (Line 518)

src/components/navigation/GlassNavigation.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="nav-item-icon">{item?.icon}} (Line 527)

src/components/navigation/GlassNavigation.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="nav-item-label">{item?.label}} (Line 529)

src/components/navigation/GlassNavigation.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="nav-item-expand-icon"> (Line 538)

src/components/navigation/GlassNavigation.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={item?.className} (Line 518)

src/components/navigation/GlassNavigation.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 616)

src/components/navigation/GlassNavigation.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={mobileMenuOpen ? 'mobile-open' : ''} (Line 637)

src/components/navigation/GlassNavigation.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 351)

src/components/navigation/GlassNavigation.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={item?.className} (Line 518)

src/components/navigation/GlassNavigation.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="nav-item-icon">{item?.icon}} (Line 527)

src/components/navigation/GlassNavigation.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="nav-item-label">{item?.label}} (Line 529)

src/components/navigation/GlassNavigation.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="nav-item-expand-icon"> (Line 538)

src/components/navigation/GlassNavigation.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={item?.className} (Line 518)

src/components/navigation/GlassNavigation.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 616)

src/components/navigation/GlassNavigation.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={mobileMenuOpen ? 'mobile-open' : ''} (Line 637)

src/components/navigation/GlassNavigation.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.08) (Line 271)

src/components/navigation/GlassNavigationMenu.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-8"> (Line 103)

src/components/navigation/GlassNavigationMenu.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-4">Default Variant (Line 105)

src/components/navigation/GlassNavigationMenu.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-4">Sidebar Variant (Line 109)

src/components/navigation/GlassNavigationMenu.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-4">Header Variant (Line 113)

src/components/navigation/GlassNavigationMenu.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-8"> (Line 103)

src/components/navigation/GlassNavigationMenu.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-4">Default Variant (Line 105)

src/components/navigation/GlassNavigationMenu.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-4">Sidebar Variant (Line 109)

src/components/navigation/GlassNavigationMenu.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-4">Header Variant (Line 113)

src/components/navigation/GlassNavigationMenu.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 169)

src/components/navigation/GlassNavigationMenu.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 169)

src/components/navigation/GlassNavigationMenu.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 169)

src/components/navigation/GlassNavigationMenu.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 169)

src/components/navigation/GlassNavigationMenu.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 169)

src/components/navigation/GlassNavigationMenu.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 169)

src/components/navigation/GlassNavigationMenu.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 169)

src/components/navigation/GlassNavigationMenu.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 169)

src/components/navigation/GlassNavigationMenu.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 169)

src/components/navigation/GlassNavigationMenu.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 169)

src/components/navigation/GlassNavigationMenu.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 170)

src/components/navigation/GlassNavigationMenu.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 170)

src/components/navigation/GlassNavigationMenu.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 170)

src/components/navigation/GlassNavigationMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 48)

src/components/navigation/GlassNavigationMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 50)

src/components/navigation/GlassNavigationMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 48)

src/components/navigation/GlassNavigationMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 50)

src/components/navigation/GlassNavigationMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 48)

src/components/navigation/GlassNavigationMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 50)

src/components/navigation/GlassNavigationMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 121)

src/components/navigation/GlassNavigationMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 185)

src/components/navigation/GlassNavigationMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 48)

src/components/navigation/GlassNavigationMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 185)

src/components/navigation/GlassNavigationMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 185)

src/components/navigation/GlassNavigationMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 121)

src/components/navigation/GlassNavigationMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className}> (Line 253)

src/components/navigation/GlassNavigationMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 121)

src/components/navigation/GlassNavigationMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete h-px bg-white/250 mx-4 my-2" /> (Line 323)

src/components/navigation/GlassNavigationMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 185)

src/components/navigation/GlassNavigationMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 48)

src/components/navigation/GlassNavigationMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center"> (Line 352)

src/components/navigation/GlassNavigationMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute -top-1 -right-1 w-5 h-5 bg-red-500 rounded-full flex items-center justify-center text-xs font-bold text-white"> (Line 358)

src/components/navigation/GlassNavigationMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 185)

src/components/navigation/GlassNavigationMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 48)

src/components/navigation/GlassNavigationMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-3 flex-1 min-w-0"> (Line 391)

src/components/navigation/GlassNavigationMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center flex-shrink-0"> (Line 394)

src/components/navigation/GlassNavigationMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-0 text-left"> (Line 400)

src/components/navigation/GlassNavigationMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 401)

src/components/navigation/GlassNavigationMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="truncate font-medium"> (Line 402)

src/components/navigation/GlassNavigationMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0 px-2 py-0.5 bg-red-500/20 text-red-300 rounded-full text-xs font-medium"> (Line 407)

src/components/navigation/GlassNavigationMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 text-sm truncate mt-0.5"> (Line 414)

src/components/navigation/GlassNavigationMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2 flex-shrink-0"> (Line 422)

src/components/navigation/GlassNavigationMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3 text-white/70"> (Line 425)

src/components/navigation/GlassNavigationMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-2 h-2 bg-yellow-400 rounded-full animate-pulse" /> (Line 432)

src/components/navigation/GlassNavigationMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-1 hover:bg-white/255 rounded transition-colors duration-200" (Line 439)

src/components/navigation/GlassNavigationMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 text-white/70" /> (Line 446)

src/components/navigation/GlassNavigationMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 48)

src/components/navigation/GlassNavigationMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 50)

src/components/navigation/GlassNavigationMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 48)

src/components/navigation/GlassNavigationMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 50)

src/components/navigation/GlassNavigationMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 48)

src/components/navigation/GlassNavigationMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 50)

src/components/navigation/GlassNavigationMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 121)

src/components/navigation/GlassNavigationMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 185)

src/components/navigation/GlassNavigationMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 48)

src/components/navigation/GlassNavigationMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 185)

src/components/navigation/GlassNavigationMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 185)

src/components/navigation/GlassNavigationMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 121)

src/components/navigation/GlassNavigationMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className}> (Line 253)

src/components/navigation/GlassNavigationMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 121)

src/components/navigation/GlassNavigationMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete h-px bg-white/250 mx-4 my-2" /> (Line 323)

src/components/navigation/GlassNavigationMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 185)

src/components/navigation/GlassNavigationMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 48)

src/components/navigation/GlassNavigationMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center"> (Line 352)

src/components/navigation/GlassNavigationMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute -top-1 -right-1 w-5 h-5 bg-red-500 rounded-full flex items-center justify-center text-xs font-bold text-white"> (Line 358)

src/components/navigation/GlassNavigationMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 185)

src/components/navigation/GlassNavigationMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 48)

src/components/navigation/GlassNavigationMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-3 flex-1 min-w-0"> (Line 391)

src/components/navigation/GlassNavigationMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center flex-shrink-0"> (Line 394)

src/components/navigation/GlassNavigationMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-0 text-left"> (Line 400)

src/components/navigation/GlassNavigationMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 401)

src/components/navigation/GlassNavigationMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="truncate font-medium"> (Line 402)

src/components/navigation/GlassNavigationMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0 px-2 py-0.5 bg-red-500/20 text-red-300 rounded-full text-xs font-medium"> (Line 407)

src/components/navigation/GlassNavigationMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 text-sm truncate mt-0.5"> (Line 414)

src/components/navigation/GlassNavigationMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2 flex-shrink-0"> (Line 422)

src/components/navigation/GlassNavigationMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3 text-white/70"> (Line 425)

src/components/navigation/GlassNavigationMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-2 h-2 bg-yellow-400 rounded-full animate-pulse" /> (Line 432)

src/components/navigation/GlassNavigationMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-1 hover:bg-white/255 rounded transition-colors duration-200" (Line 439)

src/components/navigation/GlassNavigationMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 text-white/70" /> (Line 446)

src/components/navigation/GlassPagination.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 17)

src/components/navigation/GlassPagination.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 44)

src/components/navigation/GlassPagination.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 17)

src/components/navigation/GlassPagination.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 44)

src/components/navigation/GlassPagination.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 218)

src/components/navigation/GlassPagination.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 218)

src/components/navigation/GlassPagination.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 218)

src/components/navigation/GlassPagination.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 218)

src/components/navigation/GlassPagination.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 300)

src/components/navigation/GlassPagination.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 300)

src/components/navigation/GlassPagination.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 39)

src/components/navigation/GlassPagination.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 41)

src/components/navigation/GlassPagination.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 39)

src/components/navigation/GlassPagination.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 41)

src/components/navigation/GlassPagination.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 39)

src/components/navigation/GlassPagination.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 41)

src/components/navigation/GlassPagination.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 110)

src/components/navigation/GlassPagination.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 217)

src/components/navigation/GlassPagination.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 39)

src/components/navigation/GlassPagination.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 232)

src/components/navigation/GlassPagination.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 232)

src/components/navigation/GlassPagination.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative inline-flex items-center gap-1"> (Line 249)

src/components/navigation/GlassPagination.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute bottom-0 h-0.5 bg-primary transition-all duration-200" style={{ left: ink.left, width: ink.width }} /> (Line 251)

src/components/navigation/GlassPagination.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 232)

src/components/navigation/GlassPagination.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 232)

src/components/navigation/GlassPagination.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4" /> (Line 232)

src/components/navigation/GlassPagination.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="ml-2"> (Line 299)

src/components/navigation/GlassPagination.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 border-2 border-white/300 border-t-white/60 rounded-full animate-spin" /> (Line 300)

src/components/navigation/GlassPagination.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 110)

src/components/navigation/GlassPagination.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('flex items-center justify-center', className)}> (Line 316)

src/components/navigation/GlassPagination.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 110)

src/components/navigation/GlassPagination.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 217)

src/components/navigation/GlassPagination.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 39)

src/components/navigation/GlassPagination.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-col sm:flex-row items-center justify-between gap-4"> (Line 462)

src/components/navigation/GlassPagination.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 text-sm"> (Line 464)

src/components/navigation/GlassPagination.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium text-white">{startItem}-{endItem} of{' '} (Line 465)

src/components/navigation/GlassPagination.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium text-white">{totalItems.toLocaleString()} {itemName} (Line 466)

src/components/navigation/GlassPagination.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 39)

src/components/navigation/GlassPagination.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 41)

src/components/navigation/GlassPagination.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 39)

src/components/navigation/GlassPagination.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 41)

src/components/navigation/GlassPagination.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 39)

src/components/navigation/GlassPagination.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 41)

src/components/navigation/GlassPagination.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 110)

src/components/navigation/GlassPagination.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 217)

src/components/navigation/GlassPagination.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 39)

src/components/navigation/GlassPagination.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 232)

src/components/navigation/GlassPagination.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 232)

src/components/navigation/GlassPagination.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative inline-flex items-center gap-1"> (Line 249)

src/components/navigation/GlassPagination.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute bottom-0 h-0.5 bg-primary transition-all duration-200" style={{ left: ink.left, width: ink.width }} /> (Line 251)

src/components/navigation/GlassPagination.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 232)

src/components/navigation/GlassPagination.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 232)

src/components/navigation/GlassPagination.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4" /> (Line 232)

src/components/navigation/GlassPagination.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="ml-2"> (Line 299)

src/components/navigation/GlassPagination.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 border-2 border-white/300 border-t-white/60 rounded-full animate-spin" /> (Line 300)

src/components/navigation/GlassPagination.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 110)

src/components/navigation/GlassPagination.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('flex items-center justify-center', className)}> (Line 316)

src/components/navigation/GlassPagination.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 110)

src/components/navigation/GlassPagination.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 217)

src/components/navigation/GlassPagination.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 39)

src/components/navigation/GlassPagination.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-col sm:flex-row items-center justify-between gap-4"> (Line 462)

src/components/navigation/GlassPagination.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 text-sm"> (Line 464)

src/components/navigation/GlassPagination.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium text-white">{startItem}-{endItem} of{' '} (Line 465)

src/components/navigation/GlassPagination.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium text-white">{totalItems.toLocaleString()} {itemName} (Line 466)

src/components/navigation/GlassResponsiveNav.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/navigation/GlassResponsiveNav.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/navigation/GlassResponsiveNav.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/navigation/GlassResponsiveNav.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/navigation/GlassResponsiveNav.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/navigation/GlassResponsiveNav.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/navigation/GlassResponsiveNav.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/navigation/GlassResponsiveNav.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/navigation/GlassResponsiveNav.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 83)

src/components/navigation/GlassResponsiveNav.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 110)

src/components/navigation/GlassResponsiveNav.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('relative', className)}> (Line 164)

src/components/navigation/GlassResponsiveNav.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="z-40" (Line 188)

src/components/navigation/GlassResponsiveNav.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 83)

src/components/navigation/GlassResponsiveNav.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 110)

src/components/navigation/GlassResponsiveNav.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('relative', className)}> (Line 164)

src/components/navigation/GlassResponsiveNav.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="z-40" (Line 188)

src/components/navigation/GlassSegmentedControl.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4"> (Line 61)

src/components/navigation/GlassSegmentedControl.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-semibold mb-2">Small (Line 63)

src/components/navigation/GlassSegmentedControl.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-semibold mb-2">Medium (Line 67)

src/components/navigation/GlassSegmentedControl.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-semibold mb-2">Large (Line 71)

src/components/navigation/GlassSegmentedControl.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4"> (Line 61)

src/components/navigation/GlassSegmentedControl.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-semibold mb-2">Small (Line 63)

src/components/navigation/GlassSegmentedControl.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-semibold mb-2">Medium (Line 67)

src/components/navigation/GlassSegmentedControl.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-semibold mb-2">Large (Line 71)

src/components/navigation/GlassSegmentedControl.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 21)

src/components/navigation/GlassSegmentedControl.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className }: GlassSegmentedControlProps) { (Line 24)

src/components/navigation/GlassSegmentedControl.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 34)

src/components/navigation/GlassSegmentedControl.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 21)

src/components/navigation/GlassSegmentedControl.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 34)

src/components/navigation/GlassSegmentedControl.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mr-2 inline-flex">{it.icon}} (Line 55)

src/components/navigation/GlassSegmentedControl.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 21)

src/components/navigation/GlassSegmentedControl.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className }: GlassSegmentedControlProps) { (Line 24)

src/components/navigation/GlassSegmentedControl.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 34)

src/components/navigation/GlassSegmentedControl.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 21)

src/components/navigation/GlassSegmentedControl.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 34)

src/components/navigation/GlassSegmentedControl.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mr-2 inline-flex">{it.icon}} (Line 55)

src/components/navigation/GlassSidebar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-bold">My App

, (Line 68)

src/components/navigation/GlassSidebar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex h-96"> (Line 74)

src/components/navigation/GlassSidebar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-64"> (Line 75)

src/components/navigation/GlassSidebar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-64 ml-4"> (Line 78)

src/components/navigation/GlassSidebar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-64 ml-4"> (Line 78)

src/components/navigation/GlassSidebar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 148)

src/components/navigation/GlassSidebar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-8 h-8 bg-primary rounded-lg flex items-center justify-center"> (Line 149)

src/components/navigation/GlassSidebar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white font-bold">A (Line 150)

src/components/navigation/GlassSidebar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-semibold">Aura Glass (Line 153)

src/components/navigation/GlassSidebar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-muted-foreground">v1.0.0

(Line 154)

src/components/navigation/GlassSidebar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-muted-foreground"> (Line 154)

src/components/navigation/GlassSidebar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-bold">My App

, (Line 68)

src/components/navigation/GlassSidebar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex h-96"> (Line 74)

src/components/navigation/GlassSidebar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-64"> (Line 75)

src/components/navigation/GlassSidebar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-64 ml-4"> (Line 78)

src/components/navigation/GlassSidebar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-64 ml-4"> (Line 78)

src/components/navigation/GlassSidebar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 148)

src/components/navigation/GlassSidebar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-8 h-8 bg-primary rounded-lg flex items-center justify-center"> (Line 149)

src/components/navigation/GlassSidebar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white font-bold">A (Line 150)

src/components/navigation/GlassSidebar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-semibold">Aura Glass (Line 153)

src/components/navigation/GlassSidebar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-muted-foreground">v1.0.0

(Line 154)

src/components/navigation/GlassSidebar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-muted-foreground"> (Line 154)

src/components/navigation/GlassSidebar.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 313)

src/components/navigation/GlassSidebar.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 313)

src/components/navigation/GlassSidebar.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 313)

src/components/navigation/GlassSidebar.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 313)

src/components/navigation/GlassSidebar.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 313)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 85)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 127)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 213)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 213)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 85)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0 p-4 border-b border-border/20"> (Line 246)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center w-full"> (Line 248)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 213)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0 p-4 border-b border-border/10"> (Line 264)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 213)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0 p-4 border-t border-border/20"> (Line 279)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="fixed top-0 h-screen z-[2147483647]" (Line 302)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 309)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5 text-white drop-shadow-[0_1px_8px_rgba(0,0,0,0.8)]" strokeWidth={3} /> (Line 320)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-5 h-5 text-white drop-shadow-[0_1px_8px_rgba(0,0,0,0.8)]" strokeWidth={3} /> (Line 320)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="fixed inset-0 bg-black/50 z-40" (Line 333)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('space-y-2', level > 0 && 'ml-4')}> (Line 354)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 309)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0 w-6 h-6 flex items-center justify-center text-lg"> (Line 409)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: cn( (Line 411)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 127)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 text-left whitespace-nowrap truncate leading-5">{item?.label} (Line 422)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 309)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 213)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-1" (Line 482)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="ml-2 pl-4 border-l border-border/20"> (Line 484)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 85)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className }: SidebarBrandProps) { (Line 505)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 213)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0 w-8 h-8 flex items-center justify-center"> (Line 514)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-0"> (Line 520)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-bold text-foreground truncate"> (Line 522)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-muted-foreground truncate"> (Line 527)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('block', className)}> (Line 538)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('block w-full text-left', className)}> (Line 546)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className}> (Line 553)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 85)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 127)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('flex justify-center', className)}> (Line 585)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative"> (Line 586)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-8 h-8 rounded-full object-cover" (Line 591)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-8 h-8 rounded-full bg-primary/20 flex items-center justify-center"> (Line 594)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium">{name.charAt(0)} (Line 595)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 309)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-3"> (Line 616)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative flex-shrink-0"> (Line 617)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-10 h-10 rounded-full object-cover" (Line 622)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-10 h-10 rounded-full bg-primary/20 flex items-center justify-center"> (Line 625)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-medium">{name.charAt(0)} (Line 626)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 309)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 min-w-0"> (Line 520)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium text-foreground truncate">{name}

(Line 644)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-muted-foreground truncate">{email}

(Line 646)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0"> (Line 651)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 309)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 85)

src/components/navigation/GlassSidebar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className}> (Line 553)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 85)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 127)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 213)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 213)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 85)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0 p-4 border-b border-border/20"> (Line 246)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center w-full"> (Line 248)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 213)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0 p-4 border-b border-border/10"> (Line 264)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 213)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0 p-4 border-t border-border/20"> (Line 279)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="fixed top-0 h-screen z-[2147483647]" (Line 302)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 309)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5 text-white drop-shadow-[0_1px_8px_rgba(0,0,0,0.8)]" strokeWidth={3} /> (Line 320)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-5 h-5 text-white drop-shadow-[0_1px_8px_rgba(0,0,0,0.8)]" strokeWidth={3} /> (Line 320)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="fixed inset-0 bg-black/50 z-40" (Line 333)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('space-y-2', level > 0 && 'ml-4')}> (Line 354)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 309)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0 w-6 h-6 flex items-center justify-center text-lg"> (Line 409)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: cn( (Line 411)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 127)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 text-left whitespace-nowrap truncate leading-5">{item?.label} (Line 422)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 309)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 213)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-1" (Line 482)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="ml-2 pl-4 border-l border-border/20"> (Line 484)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 85)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className }: SidebarBrandProps) { (Line 505)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 213)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0 w-8 h-8 flex items-center justify-center"> (Line 514)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-0"> (Line 520)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-bold text-foreground truncate"> (Line 522)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-muted-foreground truncate"> (Line 527)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('block', className)}> (Line 538)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('block w-full text-left', className)}> (Line 546)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className}> (Line 553)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 85)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 127)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('flex justify-center', className)}> (Line 585)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative"> (Line 586)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-8 h-8 rounded-full object-cover" (Line 591)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-8 h-8 rounded-full bg-primary/20 flex items-center justify-center"> (Line 594)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium">{name.charAt(0)} (Line 595)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 309)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-3"> (Line 616)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative flex-shrink-0"> (Line 617)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-10 h-10 rounded-full object-cover" (Line 622)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-10 h-10 rounded-full bg-primary/20 flex items-center justify-center"> (Line 625)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-medium">{name.charAt(0)} (Line 626)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 309)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 min-w-0"> (Line 520)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium text-foreground truncate">{name}

(Line 644)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-muted-foreground truncate">{email}

(Line 646)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0"> (Line 651)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 309)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 85)

src/components/navigation/GlassSidebar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className}> (Line 553)

src/components/navigation/GlassTabBar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 19)

src/components/navigation/GlassTabBar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 21)

src/components/navigation/GlassTabBar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 25)

src/components/navigation/GlassTabBar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 46)

src/components/navigation/GlassTabBar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 19)

src/components/navigation/GlassTabBar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 21)

src/components/navigation/GlassTabBar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 25)

src/components/navigation/GlassTabBar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 46)

src/components/navigation/GlassTabBar.stories.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255,255,255,0.06) (Line 74)

src/components/navigation/GlassTabBar.stories.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255,255,255,0.15) (Line 75)

src/components/navigation/GlassTabBar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 50)

src/components/navigation/GlassTabBar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`glass-tab-bar ${className || ''}`} (Line 879)

src/components/navigation/GlassTabBar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 50)

src/components/navigation/GlassTabBar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`glass-tab-bar ${className || ''}`} (Line 879)

src/components/navigation/GlassTabs.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/navigation/GlassTabs.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/navigation/GlassTabs.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/navigation/GlassTabs.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/navigation/GlassTabs.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/navigation/GlassTabs.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/navigation/GlassTabs.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/navigation/GlassTabs.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/navigation/GlassTabs.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 51)

src/components/navigation/GlassTabs.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 123)

src/components/navigation/GlassTabs.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 51)

src/components/navigation/GlassTabs.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, loop = true, children, ...props }, ref) => { (Line 146)

src/components/navigation/GlassTabs.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 209)

src/components/navigation/GlassTabs.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 51)

src/components/navigation/GlassTabs.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute bottom-0 left-0 right-0 h-0.5"> (Line 220)

src/components/navigation/GlassTabs.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute h-full bg-primary transition-all duration-200" (Line 222)

src/components/navigation/GlassTabs.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 123)

src/components/navigation/GlassTabs.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 51)

src/components/navigation/GlassTabs.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative w-full" /> (Line 245)

src/components/navigation/GlassTabs.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 51)

src/components/navigation/GlassTabs.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative" (Line 351)

src/components/navigation/GlassTabs.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 123)

src/components/navigation/GlassTabs.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 51)

src/components/navigation/GlassTabs.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="shrink-0"> (Line 376)

src/components/navigation/GlassTabs.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="truncate"> (Line 382)

src/components/navigation/GlassTabs.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 209)

src/components/navigation/GlassTabs.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute bottom-0 left-0 right-0 h-0.5 bg-primary" (Line 402)

src/components/navigation/GlassTabs.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 51)

src/components/navigation/GlassTabs.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 123)

src/components/navigation/GlassTabs.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 51)

src/components/navigation/GlassTabs.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 51)

src/components/navigation/GlassTabs.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 123)

src/components/navigation/GlassTabs.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 51)

src/components/navigation/GlassTabs.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, loop = true, children, ...props }, ref) => { (Line 146)

src/components/navigation/GlassTabs.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 209)

src/components/navigation/GlassTabs.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 51)

src/components/navigation/GlassTabs.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute bottom-0 left-0 right-0 h-0.5"> (Line 220)

src/components/navigation/GlassTabs.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute h-full bg-primary transition-all duration-200" (Line 222)

src/components/navigation/GlassTabs.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 123)

src/components/navigation/GlassTabs.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 51)

src/components/navigation/GlassTabs.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative w-full" /> (Line 245)

src/components/navigation/GlassTabs.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 51)

src/components/navigation/GlassTabs.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative" (Line 351)

src/components/navigation/GlassTabs.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 123)

src/components/navigation/GlassTabs.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 51)

src/components/navigation/GlassTabs.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="shrink-0"> (Line 376)

src/components/navigation/GlassTabs.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="truncate"> (Line 382)

src/components/navigation/GlassTabs.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 209)

src/components/navigation/GlassTabs.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute bottom-0 left-0 right-0 h-0.5 bg-primary" (Line 402)

src/components/navigation/GlassTabs.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 51)

src/components/navigation/GlassTabs.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 123)

src/components/navigation/GlassTabs.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 51)

src/components/navigation/GlassToolbar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/navigation/GlassToolbar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/navigation/GlassToolbar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/navigation/GlassToolbar.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/navigation/GlassToolbar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/navigation/GlassToolbar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/navigation/GlassToolbar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/navigation/GlassToolbar.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/navigation/GlassToolbar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, ...rest }: GlassToolbarProps) { (Line 15)

src/components/navigation/GlassToolbar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 19)

src/components/navigation/GlassToolbar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 15)

src/components/navigation/GlassToolbar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="min-w-0 flex items-center gap-2">{left}

(Line 27)

src/components/navigation/GlassToolbar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="min-w-0 flex-1 flex items-center justify-center">{center}

(Line 28)

src/components/navigation/GlassToolbar.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="min-w-0 flex items-center gap-2">{right}

(Line 29)

src/components/navigation/GlassToolbar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, ...rest }: GlassToolbarProps) { (Line 15)

src/components/navigation/GlassToolbar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 19)

src/components/navigation/GlassToolbar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 15)

src/components/navigation/GlassToolbar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="min-w-0 flex items-center gap-2">{left}

(Line 27)

src/components/navigation/GlassToolbar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="min-w-0 flex-1 flex items-center justify-center">{center}

(Line 28)

src/components/navigation/GlassToolbar.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="min-w-0 flex items-center gap-2">{right}

(Line 29)

src/components/navigation/HeaderUserMenu.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/navigation/HeaderUserMenu.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/navigation/HeaderUserMenu.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 22)

src/components/navigation/HeaderUserMenu.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 48)

src/components/navigation/HeaderUserMenu.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/navigation/HeaderUserMenu.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/navigation/HeaderUserMenu.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 22)

src/components/navigation/HeaderUserMenu.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 48)

src/components/navigation/HeaderUserMenu.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 85)

src/components/navigation/HeaderUserMenu.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 85)

src/components/navigation/HeaderUserMenu.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 85)

src/components/navigation/HeaderUserMenu.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 54)

src/components/navigation/HeaderUserMenu.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 54)

src/components/navigation/HeaderUserMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 30)

src/components/navigation/HeaderUserMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className }: HeaderUserMenuProps) { (Line 33)

src/components/navigation/HeaderUserMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-80"> (Line 50)

src/components/navigation/HeaderUserMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-4 pt-4"> (Line 52)

src/components/navigation/HeaderUserMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-3 px-3 py-3 bg-gradient-to-br from-white/6 via-white/3 to-transparent border border-white/302 shadow-[inset_0_1px_0_rgba(255,255,255,0.08)]" (Line 54)

src/components/navigation/HeaderUserMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="min-w-0"> (Line 58)

src/components/navigation/HeaderUserMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-semibold text-white truncate">{user.name}

(Line 59)

src/components/navigation/HeaderUserMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/80 truncate">{user.email}

(Line 61)

src/components/navigation/HeaderUserMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1 mt-1"> (Line 64)

src/components/navigation/HeaderUserMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', 'inline-block w-2 h-2 rounded-full', statusColor))} /> (Line 65)

src/components/navigation/HeaderUserMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70 capitalize">{user.status} (Line 66)

src/components/navigation/HeaderUserMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-2"> (Line 74)

src/components/navigation/HeaderUserMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="my-2 border-t border-white/300" /> (Line 78)

src/components/navigation/HeaderUserMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 65)

src/components/navigation/HeaderUserMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="inline-flex items-center gap-3 truncate"> (Line 89)

src/components/navigation/HeaderUserMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/80">{item?.icon}} (Line 90)

src/components/navigation/HeaderUserMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="truncate">{item?.label} (Line 91)

src/components/navigation/HeaderUserMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 text-white/70 group-hover:text-white/70" /> (Line 93)

src/components/navigation/HeaderUserMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 65)

src/components/navigation/HeaderUserMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="inline-flex items-center gap-3 truncate"> (Line 89)

src/components/navigation/HeaderUserMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn(item?.variant === 'danger' ? 'text-red-400' : 'text-white/80')}>{item?.icon} (Line 108)

src/components/navigation/HeaderUserMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="truncate">{item?.label} (Line 91)

src/components/navigation/HeaderUserMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 text-white/70 group-hover:text-white/70" /> (Line 93)

src/components/navigation/HeaderUserMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 65)

src/components/navigation/HeaderUserMenu.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 30)

src/components/navigation/HeaderUserMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 30)

src/components/navigation/HeaderUserMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className }: HeaderUserMenuProps) { (Line 33)

src/components/navigation/HeaderUserMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-80"> (Line 50)

src/components/navigation/HeaderUserMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-4 pt-4"> (Line 52)

src/components/navigation/HeaderUserMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-3 px-3 py-3 bg-gradient-to-br from-white/6 via-white/3 to-transparent border border-white/302 shadow-[inset_0_1px_0_rgba(255,255,255,0.08)]" (Line 54)

src/components/navigation/HeaderUserMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="min-w-0"> (Line 58)

src/components/navigation/HeaderUserMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-semibold text-white truncate">{user.name}

(Line 59)

src/components/navigation/HeaderUserMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/80 truncate">{user.email}

(Line 61)

src/components/navigation/HeaderUserMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1 mt-1"> (Line 64)

src/components/navigation/HeaderUserMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', 'inline-block w-2 h-2 rounded-full', statusColor))} /> (Line 65)

src/components/navigation/HeaderUserMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70 capitalize">{user.status} (Line 66)

src/components/navigation/HeaderUserMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-2"> (Line 74)

src/components/navigation/HeaderUserMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="my-2 border-t border-white/300" /> (Line 78)

src/components/navigation/HeaderUserMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 65)

src/components/navigation/HeaderUserMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="inline-flex items-center gap-3 truncate"> (Line 89)

src/components/navigation/HeaderUserMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/80">{item?.icon}} (Line 90)

src/components/navigation/HeaderUserMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="truncate">{item?.label} (Line 91)

src/components/navigation/HeaderUserMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 text-white/70 group-hover:text-white/70" /> (Line 93)

src/components/navigation/HeaderUserMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 65)

src/components/navigation/HeaderUserMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="inline-flex items-center gap-3 truncate"> (Line 89)

src/components/navigation/HeaderUserMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn(item?.variant === 'danger' ? 'text-red-400' : 'text-white/80')}>{item?.icon} (Line 108)

src/components/navigation/HeaderUserMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="truncate">{item?.label} (Line 91)

src/components/navigation/HeaderUserMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 text-white/70 group-hover:text-white/70" /> (Line 93)

src/components/navigation/HeaderUserMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 65)

src/components/navigation/HeaderUserMenu.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 30)

src/components/navigation/HeaderUserMenu.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255,255,255,0.08) (Line 54)

src/components/speed-dial/SpeedDial.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/speed-dial/SpeedDial.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/speed-dial/SpeedDial.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 30)

src/components/speed-dial/SpeedDial.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 text-center"> (Line 42)

src/components/speed-dial/SpeedDial.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">SpeedDial (Line 43)

src/components/speed-dial/SpeedDial.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">This is the default speeddial component.

(Line 44)

src/components/speed-dial/SpeedDial.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 52)

src/components/speed-dial/SpeedDial.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/speed-dial/SpeedDial.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/speed-dial/SpeedDial.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 30)

src/components/speed-dial/SpeedDial.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 text-center"> (Line 42)

src/components/speed-dial/SpeedDial.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">SpeedDial (Line 43)

src/components/speed-dial/SpeedDial.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">This is the default speeddial component.

(Line 44)

src/components/speed-dial/SpeedDial.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 52)

src/components/speed-dial/SpeedDial.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 216)

src/components/speed-dial/SpeedDial.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 384)

src/components/speed-dial/SpeedDial.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 216)

src/components/speed-dial/SpeedDial.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 384)

src/components/speed-dial/SpeedDialAction.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/speed-dial/SpeedDialAction.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/speed-dial/SpeedDialAction.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/speed-dial/SpeedDialAction.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/speed-dial/SpeedDialAction.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/speed-dial/SpeedDialAction.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/speed-dial/SpeedDialAction.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/speed-dial/SpeedDialAction.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/speed-dial/SpeedDialAction.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 245)

src/components/speed-dial/SpeedDialAction.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 344)

src/components/speed-dial/SpeedDialAction.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 245)

src/components/speed-dial/SpeedDialAction.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 344)

src/components/speed-dial/SpeedDialIcon.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/speed-dial/SpeedDialIcon.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/speed-dial/SpeedDialIcon.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/speed-dial/SpeedDialIcon.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/speed-dial/SpeedDialIcon.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/speed-dial/SpeedDialIcon.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/speed-dial/SpeedDialIcon.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/speed-dial/SpeedDialIcon.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/speed-dial/SpeedDialIcon.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, style, icon, openIcon, open = false, ...rest } = props; (Line 77)

src/components/speed-dial/SpeedDialIcon.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 91)

src/components/speed-dial/SpeedDialIcon.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 91)

src/components/speed-dial/SpeedDialIcon.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, style, icon, openIcon, open = false, ...rest } = props; (Line 77)

src/components/speed-dial/SpeedDialIcon.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 91)

src/components/speed-dial/SpeedDialIcon.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 91)

src/components/surfaces/DimensionalGlass.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/surfaces/DimensionalGlass.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/surfaces/DimensionalGlass.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/surfaces/DimensionalGlass.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/surfaces/DimensionalGlass.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/surfaces/DimensionalGlass.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/surfaces/DimensionalGlass.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/surfaces/DimensionalGlass.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/surfaces/DimensionalGlass.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 125)

src/components/surfaces/DimensionalGlass.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 221)

src/components/surfaces/DimensionalGlass.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 125)

src/components/surfaces/DimensionalGlass.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 221)

src/components/surfaces/FrostedGlass.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/surfaces/FrostedGlass.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/surfaces/FrostedGlass.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/surfaces/FrostedGlass.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/surfaces/FrostedGlass.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/surfaces/FrostedGlass.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/surfaces/FrostedGlass.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/surfaces/FrostedGlass.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/surfaces/FrostedGlass.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 219)

src/components/surfaces/FrostedGlass.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 267)

src/components/surfaces/FrostedGlass.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 219)

src/components/surfaces/FrostedGlass.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 267)

src/components/surfaces/FrostedGlass.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.15) (Line 88)

src/components/surfaces/HeatGlass.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/surfaces/HeatGlass.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/surfaces/HeatGlass.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/surfaces/HeatGlass.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/surfaces/HeatGlass.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/surfaces/HeatGlass.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/surfaces/HeatGlass.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/surfaces/HeatGlass.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/surfaces/HeatGlass.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 202)

src/components/surfaces/HeatGlass.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 236)

src/components/surfaces/HeatGlass.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 202)

src/components/surfaces/HeatGlass.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 236)

src/components/surfaces/PageGlassContainer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/surfaces/PageGlassContainer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/surfaces/PageGlassContainer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/surfaces/PageGlassContainer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/surfaces/PageGlassContainer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/surfaces/PageGlassContainer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/surfaces/PageGlassContainer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/surfaces/PageGlassContainer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/surfaces/PageGlassContainer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 108)

src/components/surfaces/PageGlassContainer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 146)

src/components/surfaces/PageGlassContainer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 108)

src/components/surfaces/PageGlassContainer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 146)

src/components/surfaces/PageGlassContainer.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.05) (Line 117)

src/components/surfaces/WidgetGlass.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/surfaces/WidgetGlass.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/surfaces/WidgetGlass.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/surfaces/WidgetGlass.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/surfaces/WidgetGlass.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/surfaces/WidgetGlass.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/surfaces/WidgetGlass.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/surfaces/WidgetGlass.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/surfaces/WidgetGlass.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 49)

src/components/surfaces/WidgetGlass.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 72)

src/components/surfaces/WidgetGlass.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 49)

src/components/surfaces/WidgetGlass.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 72)

src/components/templates/dashboard/GlassDashboard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/templates/dashboard/GlassDashboard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/templates/dashboard/GlassDashboard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/templates/dashboard/GlassDashboard.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/templates/dashboard/GlassDashboard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/templates/dashboard/GlassDashboard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/templates/dashboard/GlassDashboard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/templates/dashboard/GlassDashboard.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 131)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-2xl font-bold text-foreground"> (Line 196)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-muted-foreground"> (Line 199)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 203)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium text-foreground"> (Line 214)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-32 bg-muted/30 rounded flex items-center justify-center"> (Line 217)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-muted-foreground"> (Line 218)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium text-foreground"> (Line 214)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 229)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-between text-sm"> (Line 231)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-foreground">{row.name} (Line 232)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-muted-foreground">{row.value} (Line 233)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-foreground"> (Line 240)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-full flex items-center justify-center text-muted-foreground"> (Line 254)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-2 gap-2 p-2"> (Line 268)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="justify-start" (Line 276)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center h-64"> (Line 287)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-8 h-8 border-2 border-primary border-t-transparent rounded-full animate-spin" /> (Line 288)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('w-full space-y-6', className)} {...props}> (Line 298)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4"> (Line 323)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium text-foreground">Add Widget (Line 325)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="min-h-96" (Line 336)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 203)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 203)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between mb-4"> (Line 360)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium text-foreground truncate"> (Line 361)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="opacity-0 group-hover:opacity-100 transition-opacity"> (Line 365)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1"> (Line 389)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="min-h-24" (Line 413)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-full border-2 border-dashed border-primary/30 rounded-lg bg-primary/5 flex items-center justify-center transition-colors hover:border-primary/50 hover:bg-primary/10" (Line 417)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-primary/60">Drop here (Line 427)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 131)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-2xl font-bold text-foreground"> (Line 196)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-muted-foreground"> (Line 199)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 203)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium text-foreground"> (Line 214)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-32 bg-muted/30 rounded flex items-center justify-center"> (Line 217)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-muted-foreground"> (Line 218)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium text-foreground"> (Line 214)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 229)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-between text-sm"> (Line 231)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-foreground">{row.name} (Line 232)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-muted-foreground">{row.value} (Line 233)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-foreground"> (Line 240)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-full flex items-center justify-center text-muted-foreground"> (Line 254)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-2 gap-2 p-2"> (Line 268)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="justify-start" (Line 276)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center h-64"> (Line 287)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-8 h-8 border-2 border-primary border-t-transparent rounded-full animate-spin" /> (Line 288)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('w-full space-y-6', className)} {...props}> (Line 298)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4"> (Line 323)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium text-foreground">Add Widget (Line 325)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="min-h-96" (Line 336)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 203)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 203)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between mb-4"> (Line 360)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium text-foreground truncate"> (Line 361)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="opacity-0 group-hover:opacity-100 transition-opacity"> (Line 365)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1"> (Line 389)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="min-h-24" (Line 413)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-full border-2 border-dashed border-primary/30 rounded-lg bg-primary/5 flex items-center justify-center transition-colors hover:border-primary/50 hover:bg-primary/10" (Line 417)

src/components/templates/dashboard/GlassDashboard.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-primary/60">Drop here (Line 427)

src/components/templates/dashboard/widgets/ChartWidget.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/templates/dashboard/widgets/ChartWidget.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/templates/dashboard/widgets/ChartWidget.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/templates/dashboard/widgets/ChartWidget.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/templates/dashboard/widgets/ChartWidget.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/templates/dashboard/widgets/ChartWidget.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/templates/dashboard/widgets/ChartWidget.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/templates/dashboard/widgets/ChartWidget.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 93)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-end justify-between gap-2 h-full"> (Line 136)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1 flex flex-col items-center gap-2" (Line 146)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full rounded-t transition-all duration-300 hover:opacity-80 cursor-pointer" (Line 149)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-muted-foreground text-center truncate w-full"> (Line 157)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative h-full w-full"> (Line 177)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-full" viewBox="0 0 100 100" preserveAspectRatio="none"> (Line 178)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="drop-shadow-sm" (Line 202)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="hover:r-3 transition-all cursor-pointer" (Line 217)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute bottom-0 left-0 right-0 flex justify-between"> (Line 224)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/80"> (Line 226)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center h-full"> (Line 241)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative"> (Line 242)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="hover:opacity-80 transition-opacity cursor-pointer" (Line 279)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-8" viewBox="0 0 100 100" preserveAspectRatio="none"> (Line 299)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="drop-shadow-sm" (Line 202)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center h-full"> (Line 241)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-6 h-6 border-2 border-primary border-t-transparent rounded-full animate-spin" /> (Line 315)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-2"> (Line 342)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-1"> (Line 346)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3 rounded-sm" (Line 348)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-muted-foreground"> (Line 351)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('w-full h-full', config.padding, className)} (Line 365)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-full"> (Line 368)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('font-medium text-foreground', config.title)}> (Line 372)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('text-muted-foreground', config.subtitle)}> (Line 376)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-shrink-0"> (Line 383)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-bold text-foreground"> (Line 393)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('flex-1', config.height, type === 'sparkline' && 'h-auto')}> (Line 409)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 93)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-end justify-between gap-2 h-full"> (Line 136)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1 flex flex-col items-center gap-2" (Line 146)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full rounded-t transition-all duration-300 hover:opacity-80 cursor-pointer" (Line 149)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-muted-foreground text-center truncate w-full"> (Line 157)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative h-full w-full"> (Line 177)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-full" viewBox="0 0 100 100" preserveAspectRatio="none"> (Line 178)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="drop-shadow-sm" (Line 202)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="hover:r-3 transition-all cursor-pointer" (Line 217)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute bottom-0 left-0 right-0 flex justify-between"> (Line 224)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/80"> (Line 226)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center h-full"> (Line 241)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative"> (Line 242)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="hover:opacity-80 transition-opacity cursor-pointer" (Line 279)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-8" viewBox="0 0 100 100" preserveAspectRatio="none"> (Line 299)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="drop-shadow-sm" (Line 202)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center h-full"> (Line 241)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-6 h-6 border-2 border-primary border-t-transparent rounded-full animate-spin" /> (Line 315)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-2"> (Line 342)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-1"> (Line 346)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3 rounded-sm" (Line 348)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-muted-foreground"> (Line 351)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('w-full h-full', config.padding, className)} (Line 365)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-full"> (Line 368)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('font-medium text-foreground', config.title)}> (Line 372)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('text-muted-foreground', config.subtitle)}> (Line 376)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-shrink-0"> (Line 383)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-bold text-foreground"> (Line 393)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('flex-1', config.height, type === 'sparkline' && 'h-auto')}> (Line 409)

src/components/templates/dashboard/widgets/ChartWidget.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255,255,255,0.18) (Line 189)

src/components/templates/dashboard/widgets/MetricWidget.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/templates/dashboard/widgets/MetricWidget.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/templates/dashboard/widgets/MetricWidget.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/templates/dashboard/widgets/MetricWidget.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/templates/dashboard/widgets/MetricWidget.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/templates/dashboard/widgets/MetricWidget.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/templates/dashboard/widgets/MetricWidget.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/templates/dashboard/widgets/MetricWidget.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 71)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn(config.icon, colors.icon)}> (Line 192)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('font-bold', config.value, colors.value)}> (Line 197)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('text-muted-foreground', config.label)}> (Line 200)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={getChangeColor()} (Line 208)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('text-muted-foreground', config.label)}> (Line 200)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn(config.icon, colors.icon)}> (Line 192)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('font-bold', config.value, colors.value)}> (Line 197)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full"> (Line 236)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-between text-xs text-muted-foreground mb-1"> (Line 237)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full bg-muted/30 rounded-full h-2"> (Line 241)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 243)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('text-xs font-medium flex items-center gap-1', getChangeColor())}> (Line 257)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-muted-foreground"> (Line 263)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-muted-foreground"> (Line 263)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('font-bold text-lg', colors.value)}> (Line 282)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-muted-foreground"> (Line 263)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('text-lg', colors.icon)}> (Line 290)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('text-muted-foreground', config.label)}> (Line 200)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn(config.icon, colors.icon)}> (Line 192)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('font-bold', config.value, colors.value)}> (Line 197)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('text-sm font-medium flex items-center gap-1', getChangeColor())}> (Line 317)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-muted-foreground"> (Line 322)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 192)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 71)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 71)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn(config.icon, colors.icon)}> (Line 192)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('font-bold', config.value, colors.value)}> (Line 197)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('text-muted-foreground', config.label)}> (Line 200)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={getChangeColor()} (Line 208)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('text-muted-foreground', config.label)}> (Line 200)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn(config.icon, colors.icon)}> (Line 192)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('font-bold', config.value, colors.value)}> (Line 197)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full"> (Line 236)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-between text-xs text-muted-foreground mb-1"> (Line 237)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full bg-muted/30 rounded-full h-2"> (Line 241)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 243)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('text-xs font-medium flex items-center gap-1', getChangeColor())}> (Line 257)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-muted-foreground"> (Line 263)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-muted-foreground"> (Line 263)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('font-bold text-lg', colors.value)}> (Line 282)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-muted-foreground"> (Line 263)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('text-lg', colors.icon)}> (Line 290)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('text-muted-foreground', config.label)}> (Line 200)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn(config.icon, colors.icon)}> (Line 192)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('font-bold', config.value, colors.value)}> (Line 197)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('text-sm font-medium flex items-center gap-1', getChangeColor())}> (Line 317)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-muted-foreground"> (Line 322)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 192)

src/components/templates/dashboard/widgets/MetricWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 71)

src/components/templates/dashboard/widgets/TableWidget.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/templates/dashboard/widgets/TableWidget.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/templates/dashboard/widgets/TableWidget.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/templates/dashboard/widgets/TableWidget.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/templates/dashboard/widgets/TableWidget.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/templates/dashboard/widgets/TableWidget.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/templates/dashboard/widgets/TableWidget.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/templates/dashboard/widgets/TableWidget.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 112)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-muted-foreground">—; (Line 197)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center py-8"> (Line 206)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-6 h-6 border-2 border-primary border-t-transparent rounded-full animate-spin" /> (Line 207)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center py-8 text-muted-foreground"> (Line 214)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="overflow-x-auto"> (Line 221)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full"> (Line 222)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="border-b border-border/20"> (Line 226)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn(config.header, 'w-12 text-left font-medium text-muted-foreground')}> (Line 228)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 228)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="justify-start"> (Line 248)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-col"> (Line 251)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 252)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 252)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 228)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn(config.cell, 'text-muted-foreground')}> (Line 293)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 228)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('font-medium text-foreground', config.title)}> (Line 330)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('font-medium text-foreground', config.title)}> (Line 330)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('text-muted-foreground', config.subtitle)}> (Line 349)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-muted-foreground"> (Line 361)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-muted-foreground"> (Line 361)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1"> (Line 379)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-muted-foreground"> (Line 386)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('w-full h-full', config.padding, className)} (Line 403)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 112)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-muted-foreground">—; (Line 197)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center py-8"> (Line 206)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-6 h-6 border-2 border-primary border-t-transparent rounded-full animate-spin" /> (Line 207)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center py-8 text-muted-foreground"> (Line 214)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="overflow-x-auto"> (Line 221)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full"> (Line 222)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="border-b border-border/20"> (Line 226)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn(config.header, 'w-12 text-left font-medium text-muted-foreground')}> (Line 228)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 228)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="justify-start"> (Line 248)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-col"> (Line 251)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 252)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 252)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 228)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn(config.cell, 'text-muted-foreground')}> (Line 293)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 228)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('font-medium text-foreground', config.title)}> (Line 330)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('font-medium text-foreground', config.title)}> (Line 330)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('text-muted-foreground', config.subtitle)}> (Line 349)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-muted-foreground"> (Line 361)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-muted-foreground"> (Line 361)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1"> (Line 379)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-muted-foreground"> (Line 386)

src/components/templates/dashboard/widgets/TableWidget.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('w-full h-full', config.padding, className)} (Line 403)

src/components/templates/detail/GlassDetailView.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/templates/detail/GlassDetailView.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/templates/detail/GlassDetailView.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/templates/detail/GlassDetailView.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/templates/detail/GlassDetailView.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/templates/detail/GlassDetailView.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/templates/detail/GlassDetailView.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/templates/detail/GlassDetailView.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/templates/detail/GlassDetailView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 143)

src/components/templates/detail/GlassDetailView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-primary hover:underline" (Line 196)

src/components/templates/detail/GlassDetailView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('space-y-1', widthClasses[field.width || 'auto'])}> (Line 221)

src/components/templates/detail/GlassDetailView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium text-muted-foreground"> (Line 222)

src/components/templates/detail/GlassDetailView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-foreground"> (Line 226)

src/components/templates/detail/GlassDetailView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 221)

src/components/templates/detail/GlassDetailView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold text-foreground"> (Line 259)

src/components/templates/detail/GlassDetailView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-muted-foreground"> (Line 263)

src/components/templates/detail/GlassDetailView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-6"> (Line 281)

src/components/templates/detail/GlassDetailView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> (Line 285)

src/components/templates/detail/GlassDetailView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="border-b border-border/20"> (Line 303)

src/components/templates/detail/GlassDetailView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex space-x-8"> (Line 304)

src/components/templates/detail/GlassDetailView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 309)

src/components/templates/detail/GlassDetailView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-muted-foreground"> (Line 263)

src/components/templates/detail/GlassDetailView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-2xl font-bold text-foreground"> (Line 361)

src/components/templates/detail/GlassDetailView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg text-muted-foreground"> (Line 372)

src/components/templates/detail/GlassDetailView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center h-64"> (Line 423)

src/components/templates/detail/GlassDetailView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-8 h-8 border-2 border-primary border-t-transparent rounded-full animate-spin" /> (Line 424)

src/components/templates/detail/GlassDetailView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-8 text-center"> (Line 431)

src/components/templates/detail/GlassDetailView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-destructive font-medium mb-2">Error

(Line 432)

src/components/templates/detail/GlassDetailView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-muted-foreground">{error}

(Line 433)

src/components/templates/detail/GlassDetailView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('w-full space-y-8', className)} {...props}> (Line 482)

src/components/templates/detail/GlassDetailView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 143)

src/components/templates/detail/GlassDetailView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-primary hover:underline" (Line 196)

src/components/templates/detail/GlassDetailView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('space-y-1', widthClasses[field.width || 'auto'])}> (Line 221)

src/components/templates/detail/GlassDetailView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium text-muted-foreground"> (Line 222)

src/components/templates/detail/GlassDetailView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-foreground"> (Line 226)

src/components/templates/detail/GlassDetailView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 221)

src/components/templates/detail/GlassDetailView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold text-foreground"> (Line 259)

src/components/templates/detail/GlassDetailView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-muted-foreground"> (Line 263)

src/components/templates/detail/GlassDetailView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-6"> (Line 281)

src/components/templates/detail/GlassDetailView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> (Line 285)

src/components/templates/detail/GlassDetailView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="border-b border-border/20"> (Line 303)

src/components/templates/detail/GlassDetailView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex space-x-8"> (Line 304)

src/components/templates/detail/GlassDetailView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 309)

src/components/templates/detail/GlassDetailView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-muted-foreground"> (Line 263)

src/components/templates/detail/GlassDetailView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-2xl font-bold text-foreground"> (Line 361)

src/components/templates/detail/GlassDetailView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg text-muted-foreground"> (Line 372)

src/components/templates/detail/GlassDetailView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center h-64"> (Line 423)

src/components/templates/detail/GlassDetailView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-8 h-8 border-2 border-primary border-t-transparent rounded-full animate-spin" /> (Line 424)

src/components/templates/detail/GlassDetailView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-8 text-center"> (Line 431)

src/components/templates/detail/GlassDetailView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-destructive font-medium mb-2">Error

(Line 432)

src/components/templates/detail/GlassDetailView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-muted-foreground">{error}

(Line 433)

src/components/templates/detail/GlassDetailView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('w-full space-y-8', className)} {...props}> (Line 482)

src/components/templates/forms/GlassFormTemplate.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/templates/forms/GlassFormTemplate.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/templates/forms/GlassFormTemplate.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/templates/forms/GlassFormTemplate.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/templates/forms/GlassFormTemplate.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/templates/forms/GlassFormTemplate.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/templates/forms/GlassFormTemplate.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/templates/forms/GlassFormTemplate.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 153)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium text-foreground"> (Line 245)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-muted-foreground"> (Line 248)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-between"> (Line 260)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 264)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 271)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-center max-w-16 truncate"> (Line 281)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xl font-semibold text-foreground"> (Line 347)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-muted-foreground"> (Line 351)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1"> (Line 359)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="max-w-2xl mx-auto"> (Line 385)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-8"> (Line 386)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-12 gap-8"> (Line 394)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="col-span-8"> (Line 395)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6"> (Line 396)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="col-span-4"> (Line 400)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6"> (Line 396)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('w-full space-y-8', className)} {...props}> (Line 416)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 153)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium text-foreground"> (Line 245)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-muted-foreground"> (Line 248)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-between"> (Line 260)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 264)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 271)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-center max-w-16 truncate"> (Line 281)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xl font-semibold text-foreground"> (Line 347)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-muted-foreground"> (Line 351)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1"> (Line 359)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="max-w-2xl mx-auto"> (Line 385)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-8"> (Line 386)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-12 gap-8"> (Line 394)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="col-span-8"> (Line 395)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6"> (Line 396)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="col-span-4"> (Line 400)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6"> (Line 396)

src/components/templates/forms/GlassFormTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('w-full space-y-8', className)} {...props}> (Line 416)

src/components/templates/forms/GlassFormWizardSteps.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/templates/forms/GlassFormWizardSteps.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/templates/forms/GlassFormWizardSteps.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/templates/forms/GlassFormWizardSteps.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/templates/forms/GlassFormWizardSteps.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/templates/forms/GlassFormWizardSteps.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/templates/forms/GlassFormWizardSteps.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/templates/forms/GlassFormWizardSteps.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-8 h-8 rounded-full bg-success flex items-center justify-center"> (Line 79)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 text-success-foreground" fill="currentColor" viewBox="0 0 20 20"> (Line 80)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 88)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 88)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-muted-foreground bg-muted px-1.5 py-0.5 rounded"> (Line 115)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-start space-x-4"> (Line 126)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-col items-center"> (Line 127)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 88)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1"> (Line 136)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 88)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-muted-foreground"> (Line 144)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-muted-foreground bg-muted px-1.5 py-0.5 rounded w-fit"> (Line 149)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 88)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 191)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium text-foreground"> (Line 219)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-muted-foreground"> (Line 144)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="animate-slide-in-left" (Line 244)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 88)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="animate-slide-in-up" (Line 273)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 88)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('w-full', className)} {...props}> (Line 304)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-8 h-8 rounded-full bg-success flex items-center justify-center"> (Line 79)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 text-success-foreground" fill="currentColor" viewBox="0 0 20 20"> (Line 80)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 88)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 88)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-muted-foreground bg-muted px-1.5 py-0.5 rounded"> (Line 115)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-start space-x-4"> (Line 126)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-col items-center"> (Line 127)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 88)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1"> (Line 136)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 88)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-muted-foreground"> (Line 144)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-muted-foreground bg-muted px-1.5 py-0.5 rounded w-fit"> (Line 149)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 88)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 191)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium text-foreground"> (Line 219)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-muted-foreground"> (Line 144)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="animate-slide-in-left" (Line 244)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 88)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="animate-slide-in-up" (Line 273)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 88)

src/components/templates/forms/GlassFormWizardSteps.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('w-full', className)} {...props}> (Line 304)

src/components/templates/forms/GlassWizardTemplate.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/templates/forms/GlassWizardTemplate.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/templates/forms/GlassWizardTemplate.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/templates/forms/GlassWizardTemplate.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/templates/forms/GlassWizardTemplate.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/templates/forms/GlassWizardTemplate.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/templates/forms/GlassWizardTemplate.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/templates/forms/GlassWizardTemplate.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 139)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-2xl font-bold text-foreground"> (Line 248)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-muted-foreground"> (Line 252)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xl font-semibold text-foreground"> (Line 276)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-muted-foreground bg-muted px-2 py-1 rounded"> (Line 280)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-muted-foreground"> (Line 252)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1"> (Line 293)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="max-w-2xl mx-auto"> (Line 383)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6"> (Line 384)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-12 gap-8"> (Line 392)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="col-span-4"> (Line 393)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6 sticky top-8"> (Line 394)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-semibold text-foreground">Steps (Line 396)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 402)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium">{step.title}

(Line 412)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-75 mt-1"> (Line 414)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="col-span-8"> (Line 424)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6"> (Line 384)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6"> (Line 384)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('w-full space-y-8', className)} {...props}> (Line 442)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 139)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-2xl font-bold text-foreground"> (Line 248)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-muted-foreground"> (Line 252)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xl font-semibold text-foreground"> (Line 276)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-muted-foreground bg-muted px-2 py-1 rounded"> (Line 280)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-muted-foreground"> (Line 252)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1"> (Line 293)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="max-w-2xl mx-auto"> (Line 383)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6"> (Line 384)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-12 gap-8"> (Line 392)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="col-span-4"> (Line 393)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6 sticky top-8"> (Line 394)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-semibold text-foreground">Steps (Line 396)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 402)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium">{step.title}

(Line 412)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-75 mt-1"> (Line 414)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="col-span-8"> (Line 424)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6"> (Line 384)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6"> (Line 384)

src/components/templates/forms/GlassWizardTemplate.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('w-full space-y-8', className)} {...props}> (Line 442)

src/components/templates/list/GlassListView.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/templates/list/GlassListView.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/templates/list/GlassListView.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/templates/list/GlassListView.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/templates/list/GlassListView.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/templates/list/GlassListView.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/templates/list/GlassListView.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/templates/list/GlassListView.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/templates/list/GlassListView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 200)

src/components/templates/list/GlassListView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4"> (Line 306)

src/components/templates/list/GlassListView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium text-foreground">Filters (Line 309)

src/components/templates/list/GlassListView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4"> (Line 320)

src/components/templates/list/GlassListView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="block text-sm font-medium text-foreground mb-2"> (Line 323)

src/components/templates/list/GlassListView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full px-3 py-2 bg-background border border-border rounded-md focus:outline-none focus:ring-2 focus:ring-primary" (Line 334)

src/components/templates/list/GlassListView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full px-3 py-2 bg-background border border-border rounded-md focus:outline-none focus:ring-2 focus:ring-primary" (Line 334)

src/components/templates/list/GlassListView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-muted-foreground"> (Line 378)

src/components/templates/list/GlassListView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-full cursor-pointer hover:shadow-lg transition-shadow" (Line 433)

src/components/templates/list/GlassListView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium text-foreground"> (Line 309)

src/components/templates/list/GlassListView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-muted-foreground"> (Line 440)

src/components/templates/list/GlassListView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="animate-fade-in-up" (Line 457)

src/components/templates/list/GlassListView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete bg-glass-surface-primary border-glass-border-default shadow-lg cursor-pointer hover:shadow-lg hover:scale-[1.01] transition-all" (Line 466)

src/components/templates/list/GlassListView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="rounded border-border focus:ring-primary" (Line 480)

src/components/templates/list/GlassListView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex-1"> (Line 484)

src/components/templates/list/GlassListView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium text-white"> (Line 485)

src/components/templates/list/GlassListView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70"> (Line 488)

src/components/templates/list/GlassListView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center h-64"> (Line 510)

src/components/templates/list/GlassListView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-8 h-8 border-2 border-primary border-t-transparent rounded-full animate-spin" /> (Line 511)

src/components/templates/list/GlassListView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-col items-center justify-center h-64 text-center"> (Line 518)

src/components/templates/list/GlassListView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-medium text-muted-foreground mb-2"> (Line 519)

src/components/templates/list/GlassListView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-muted-foreground"> (Line 378)

src/components/templates/list/GlassListView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('w-full space-y-6', className)} {...props}> (Line 554)

src/components/templates/list/GlassListView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-64" (Line 567)

src/components/templates/list/GlassListView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-muted-foreground"> (Line 378)

src/components/templates/list/GlassListView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 200)

src/components/templates/list/GlassListView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4"> (Line 306)

src/components/templates/list/GlassListView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium text-foreground">Filters (Line 309)

src/components/templates/list/GlassListView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4"> (Line 320)

src/components/templates/list/GlassListView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="block text-sm font-medium text-foreground mb-2"> (Line 323)

src/components/templates/list/GlassListView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full px-3 py-2 bg-background border border-border rounded-md focus:outline-none focus:ring-2 focus:ring-primary" (Line 334)

src/components/templates/list/GlassListView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full px-3 py-2 bg-background border border-border rounded-md focus:outline-none focus:ring-2 focus:ring-primary" (Line 334)

src/components/templates/list/GlassListView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-muted-foreground"> (Line 378)

src/components/templates/list/GlassListView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-full cursor-pointer hover:shadow-lg transition-shadow" (Line 433)

src/components/templates/list/GlassListView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium text-foreground"> (Line 309)

src/components/templates/list/GlassListView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-muted-foreground"> (Line 440)

src/components/templates/list/GlassListView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="animate-fade-in-up" (Line 457)

src/components/templates/list/GlassListView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete bg-glass-surface-primary border-glass-border-default shadow-lg cursor-pointer hover:shadow-lg hover:scale-[1.01] transition-all" (Line 466)

src/components/templates/list/GlassListView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="rounded border-border focus:ring-primary" (Line 480)

src/components/templates/list/GlassListView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex-1"> (Line 484)

src/components/templates/list/GlassListView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium text-white"> (Line 485)

src/components/templates/list/GlassListView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70"> (Line 488)

src/components/templates/list/GlassListView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center h-64"> (Line 510)

src/components/templates/list/GlassListView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-8 h-8 border-2 border-primary border-t-transparent rounded-full animate-spin" /> (Line 511)

src/components/templates/list/GlassListView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-col items-center justify-center h-64 text-center"> (Line 518)

src/components/templates/list/GlassListView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-medium text-muted-foreground mb-2"> (Line 519)

src/components/templates/list/GlassListView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-muted-foreground"> (Line 378)

src/components/templates/list/GlassListView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('w-full space-y-6', className)} {...props}> (Line 554)

src/components/templates/list/GlassListView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-64" (Line 567)

src/components/templates/list/GlassListView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-muted-foreground"> (Line 378)

src/components/toggle-button/ToggleButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 66)

src/components/toggle-button/ToggleButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 96)

src/components/toggle-button/ToggleButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 96)

src/components/toggle-button/ToggleButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-4"> (Line 140)

src/components/toggle-button/ToggleButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 96)

src/components/toggle-button/ToggleButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 mr-2" /> (Line 158)

src/components/toggle-button/ToggleButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 mr-2" /> (Line 158)

src/components/toggle-button/ToggleButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 mr-2" /> (Line 158)

src/components/toggle-button/ToggleButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 96)

src/components/toggle-button/ToggleButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 66)

src/components/toggle-button/ToggleButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 96)

src/components/toggle-button/ToggleButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 96)

src/components/toggle-button/ToggleButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-4"> (Line 140)

src/components/toggle-button/ToggleButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 96)

src/components/toggle-button/ToggleButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 mr-2" /> (Line 158)

src/components/toggle-button/ToggleButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 mr-2" /> (Line 158)

src/components/toggle-button/ToggleButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 mr-2" /> (Line 158)

src/components/toggle-button/ToggleButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 96)

src/components/toggle-button/ToggleButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 262)

src/components/toggle-button/ToggleButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 370)

src/components/toggle-button/ToggleButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 262)

src/components/toggle-button/ToggleButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 370)

src/components/toggle-button/ToggleButton.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.08) (Line 88)

src/components/toggle-button/ToggleButton.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.12) (Line 89)

src/components/toggle-button/ToggleButton.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.16) (Line 90)

src/components/toggle-button/ToggleButton.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.15) (Line 169)

src/components/toggle-button/ToggleButton.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.12) (Line 89)

src/components/toggle-button/ToggleButtonGroup.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 54)

src/components/toggle-button/ToggleButtonGroup.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4"> (Line 126)

src/components/toggle-button/ToggleButtonGroup.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">Default (Line 128)

src/components/toggle-button/ToggleButtonGroup.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">Primary (Line 136)

src/components/toggle-button/ToggleButtonGroup.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">Secondary (Line 144)

src/components/toggle-button/ToggleButtonGroup.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">Outlined (Line 152)

src/components/toggle-button/ToggleButtonGroup.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4"> (Line 126)

src/components/toggle-button/ToggleButtonGroup.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">Small (Line 167)

src/components/toggle-button/ToggleButtonGroup.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">Medium (Line 175)

src/components/toggle-button/ToggleButtonGroup.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">Large (Line 183)

src/components/toggle-button/ToggleButtonGroup.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 54)

src/components/toggle-button/ToggleButtonGroup.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4"> (Line 126)

src/components/toggle-button/ToggleButtonGroup.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">Default (Line 128)

src/components/toggle-button/ToggleButtonGroup.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">Primary (Line 136)

src/components/toggle-button/ToggleButtonGroup.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">Secondary (Line 144)

src/components/toggle-button/ToggleButtonGroup.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">Outlined (Line 152)

src/components/toggle-button/ToggleButtonGroup.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4"> (Line 126)

src/components/toggle-button/ToggleButtonGroup.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">Small (Line 167)

src/components/toggle-button/ToggleButtonGroup.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">Medium (Line 175)

src/components/toggle-button/ToggleButtonGroup.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">Large (Line 183)

src/components/toggle-button/ToggleButtonGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 47)

src/components/toggle-button/ToggleButtonGroup.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 139)

src/components/toggle-button/ToggleButtonGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 47)

src/components/toggle-button/ToggleButtonGroup.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 139)

src/components/tree-view/TreeItem.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 17)

src/components/tree-view/TreeItem.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 19)

src/components/tree-view/TreeItem.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 31)

src/components/tree-view/TreeItem.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 63)

src/components/tree-view/TreeItem.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 17)

src/components/tree-view/TreeItem.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 19)

src/components/tree-view/TreeItem.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 31)

src/components/tree-view/TreeItem.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 63)

src/components/tree-view/TreeItem.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 139)

src/components/tree-view/TreeItem.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 341)

src/components/tree-view/TreeItem.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 139)

src/components/tree-view/TreeItem.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 341)

src/components/tree-view/TreeItem.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.08) (Line 85)

src/components/tree-view/TreeItem.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.05) (Line 106)

src/components/tree-view/TreeItem.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.04) (Line 106)

src/components/tree-view/TreeView.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/tree-view/TreeView.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/tree-view/TreeView.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/tree-view/TreeView.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/tree-view/TreeView.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/tree-view/TreeView.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/tree-view/TreeView.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/tree-view/TreeView.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/tree-view/TreeView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 93)

src/components/tree-view/TreeView.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 191)

src/components/tree-view/TreeView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 93)

src/components/tree-view/TreeView.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 191)

src/components/tree-view/TreeView.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.05) (Line 27)

src/components/ui-components/glass-panel.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 142)

src/components/ui-components/glass-panel.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 142)

src/components/ui-components/glass-panel.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 142)

src/components/ui-components/glass-panel.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 142)

src/components/ui-components/glass-panel.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 142)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 50)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">Default Panel (Line 51)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">This is a standard glass panel.

(Line 52)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 max-w-6xl"> (Line 60)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 50)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium capitalize mb-2">{variant} Panel (Line 64)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs opacity-70">This is a {variant} variant panel.

(Line 65)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-1 md:grid-cols-3 gap-6 max-w-4xl"> (Line 78)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 50)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2">Elevation {elevation} (Line 82)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs opacity-70">Panel with elevation level {elevation}.

(Line 83)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-1 md:grid-cols-3 gap-6 max-w-4xl"> (Line 78)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 50)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium mb-2 capitalize">{padding} Padding (Line 100)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs opacity-70">Panel with {padding} padding.

(Line 101)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs opacity-60 mt-1">No padding applied

} (Line 102)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center cursor-pointer"> (Line 117)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">Interactive Panel (Line 118)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">Hover over this panel to see the interactive effects.

(Line 119)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-4 text-xs opacity-60">Click me!

(Line 120)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-4"> (Line 132)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 50)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xl font-bold mb-2">Premium Panel (Line 134)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80"> (Line 52)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-2 gap-4 mt-6"> (Line 141)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete text-center p-3 bg-white/255 rounded-lg"> (Line 142)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold text-blue-400">42

(Line 143)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs opacity-70">Active Users

(Line 144)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete text-center p-3 bg-white/255 rounded-lg"> (Line 142)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold text-green-400">89%

(Line 147)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs opacity-70">Completion Rate

(Line 148)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-center space-x-2 pt-2"> (Line 152)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-1 bg-white/250 rounded-full text-xs">Responsive (Line 153)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-1 bg-white/250 rounded-full text-xs">Interactive (Line 154)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-1 bg-white/250 rounded-full text-xs">Accessible (Line 155)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 max-w-7xl"> (Line 164)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 50)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-3xl mb-2">📊

(Line 167)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-1">Analytics (Line 168)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">View detailed analytics and insights

(Line 169)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 50)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-3xl mb-2">💰

(Line 175)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-1">Revenue (Line 176)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">Track financial performance

(Line 177)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 50)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-3xl mb-2">👥

(Line 183)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-1">Users (Line 184)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">Manage user accounts and permissions

(Line 185)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 50)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-3xl mb-2">⚠️

(Line 191)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-1">Alerts (Line 192)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">Monitor system alerts and notifications

(Line 193)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 50)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-3xl mb-2">🔧

(Line 199)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-1">Settings (Line 200)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">Configure system preferences

(Line 201)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 50)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-3xl mb-2">📈

(Line 207)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-1">Reports (Line 208)

src/components/ui-components/glass-panel.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">Generate and view reports

(Line 209)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 50)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">Default Panel (Line 51)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">This is a standard glass panel.

(Line 52)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 max-w-6xl"> (Line 60)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 50)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium capitalize mb-2">{variant} Panel (Line 64)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs opacity-70">This is a {variant} variant panel.

(Line 65)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-1 md:grid-cols-3 gap-6 max-w-4xl"> (Line 78)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 50)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2">Elevation {elevation} (Line 82)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs opacity-70">Panel with elevation level {elevation}.

(Line 83)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-1 md:grid-cols-3 gap-6 max-w-4xl"> (Line 78)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 50)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium mb-2 capitalize">{padding} Padding (Line 100)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs opacity-70">Panel with {padding} padding.

(Line 101)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs opacity-60 mt-1">No padding applied

} (Line 102)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center cursor-pointer"> (Line 117)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">Interactive Panel (Line 118)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">Hover over this panel to see the interactive effects.

(Line 119)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-4 text-xs opacity-60">Click me!

(Line 120)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-4"> (Line 132)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 50)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xl font-bold mb-2">Premium Panel (Line 134)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80"> (Line 52)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-2 gap-4 mt-6"> (Line 141)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete text-center p-3 bg-white/255 rounded-lg"> (Line 142)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold text-blue-400">42

(Line 143)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs opacity-70">Active Users

(Line 144)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete text-center p-3 bg-white/255 rounded-lg"> (Line 142)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold text-green-400">89%

(Line 147)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs opacity-70">Completion Rate

(Line 148)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-center space-x-2 pt-2"> (Line 152)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-1 bg-white/250 rounded-full text-xs">Responsive (Line 153)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-1 bg-white/250 rounded-full text-xs">Interactive (Line 154)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-1 bg-white/250 rounded-full text-xs">Accessible (Line 155)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 max-w-7xl"> (Line 164)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 50)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-3xl mb-2">📊

(Line 167)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-1">Analytics (Line 168)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">View detailed analytics and insights

(Line 169)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 50)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-3xl mb-2">💰

(Line 175)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-1">Revenue (Line 176)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">Track financial performance

(Line 177)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 50)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-3xl mb-2">👥

(Line 183)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-1">Users (Line 184)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">Manage user accounts and permissions

(Line 185)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 50)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-3xl mb-2">⚠️

(Line 191)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-1">Alerts (Line 192)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">Monitor system alerts and notifications

(Line 193)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 50)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-3xl mb-2">🔧

(Line 199)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-1">Settings (Line 200)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">Configure system preferences

(Line 201)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 50)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-3xl mb-2">📈

(Line 207)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-1">Reports (Line 208)

src/components/ui-components/glass-panel.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">Generate and view reports

(Line 209)

src/components/ui-components/glass-panel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 37)

src/components/ui-components/glass-panel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 66)

src/components/ui-components/glass-panel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className since OptimizedGlass doesn't have padding prop (Line 68)

src/components/ui-components/glass-panel.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 37)

src/components/ui-components/glass-panel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 37)

src/components/ui-components/glass-panel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 66)

src/components/ui-components/glass-panel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className since OptimizedGlass doesn't have padding prop (Line 68)

src/components/ui-components/glass-panel.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 37)

src/components/ui-components/GlassAccordionUI.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/ui-components/GlassAccordionUI.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/ui-components/GlassAccordionUI.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/ui-components/GlassAccordionUI.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/ui-components/GlassAccordionUI.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/ui-components/GlassAccordionUI.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/ui-components/GlassAccordionUI.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/ui-components/GlassAccordionUI.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/ui-components/GlassCheckboxUI.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/ui-components/GlassCheckboxUI.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/ui-components/GlassCheckboxUI.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/ui-components/GlassCheckboxUI.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/ui-components/GlassCheckboxUI.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/ui-components/GlassCheckboxUI.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/ui-components/GlassCheckboxUI.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/ui-components/GlassCheckboxUI.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/visual-feedback/FocusIndicator.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/visual-feedback/FocusIndicator.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/visual-feedback/FocusIndicator.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/visual-feedback/FocusIndicator.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/visual-feedback/FocusIndicator.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/visual-feedback/FocusIndicator.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/visual-feedback/FocusIndicator.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/visual-feedback/FocusIndicator.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/visual-feedback/FocusIndicator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 69)

src/components/visual-feedback/FocusIndicator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 180)

src/components/visual-feedback/FocusIndicator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 69)

src/components/visual-feedback/FocusIndicator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 180)

src/components/visual-feedback/RippleButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/visual-feedback/RippleButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/visual-feedback/RippleButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 36)

src/components/visual-feedback/RippleButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 54)

src/components/visual-feedback/RippleButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/visual-feedback/RippleButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/visual-feedback/RippleButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 36)

src/components/visual-feedback/RippleButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 54)

src/components/visual-feedback/RippleButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 130)

src/components/visual-feedback/RippleButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} // Pass className to wrapper for styling (Line 187)

src/components/visual-feedback/RippleButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} // Don't pass className here if it's on the wrapper (Line 195)

src/components/visual-feedback/RippleButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 130)

src/components/visual-feedback/RippleButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} // Pass className to wrapper for styling (Line 187)

src/components/visual-feedback/RippleButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} // Don't pass className here if it's on the wrapper (Line 195)

src/components/visual-feedback/StateIndicator.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/visual-feedback/StateIndicator.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/visual-feedback/StateIndicator.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/visual-feedback/StateIndicator.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/visual-feedback/StateIndicator.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/visual-feedback/StateIndicator.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/visual-feedback/StateIndicator.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/visual-feedback/StateIndicator.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/visual-feedback/StateIndicator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 137)

src/components/visual-feedback/StateIndicator.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} style={style} {...rest}> (Line 146)

src/components/visual-feedback/StateIndicator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 137)

src/components/visual-feedback/StateIndicator.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} style={style} {...rest}> (Line 146)

src/components/visual-feedback/VisualFeedback.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/visual-feedback/VisualFeedback.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/visual-feedback/VisualFeedback.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/visual-feedback/VisualFeedback.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/visual-feedback/VisualFeedback.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/visual-feedback/VisualFeedback.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/visual-feedback/VisualFeedback.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/visual-feedback/VisualFeedback.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/visual-feedback/VisualFeedback.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 161)

src/components/visual-feedback/VisualFeedback.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 225)

src/components/visual-feedback/VisualFeedback.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 161)

src/components/visual-feedback/VisualFeedback.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 225)

src/components/website-components/GlassChartsDemo.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/website-components/GlassChartsDemo.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/website-components/GlassChartsDemo.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/website-components/GlassChartsDemo.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/website-components/GlassChartsDemo.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/website-components/GlassChartsDemo.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/website-components/GlassChartsDemo.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/website-components/GlassChartsDemo.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/website-components/GlassChartsDemo.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 89)

src/components/website-components/GlassChartsDemo.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, children }: GlassChartsDemoProps) { (Line 93)

src/components/website-components/GlassChartsDemo.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className}> (Line 95)

src/components/website-components/GlassChartsDemo.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 89)

src/components/website-components/GlassChartsDemo.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, children }: GlassChartsDemoProps) { (Line 93)

src/components/website-components/GlassChartsDemo.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className}> (Line 95)

src/components/website-components/GlassChartsDemo.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255,255,255,0.08) (Line 54)

src/components/website-components/GlassChartsDemo.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255,255,255,0.12) (Line 60)

src/components/website-components/GlassChartsDemo.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255,255,255,0.15) (Line 63)

src/components/website-components/GlassLinkButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/website-components/GlassLinkButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/website-components/GlassLinkButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 36)

src/components/website-components/GlassLinkButton.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 55)

src/components/website-components/GlassLinkButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/website-components/GlassLinkButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/website-components/GlassLinkButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 36)

src/components/website-components/GlassLinkButton.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 55)

src/components/website-components/GlassLinkButton.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 35)

src/components/website-components/GlassLinkButton.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 35)

src/components/website-components/GlassLinkButton.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 31)

src/components/website-components/GlassLinkButton.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 31)

src/components/website-components/GlassLinkButton.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 31)

src/components/website-components/GlassLinkButton.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 31)

src/components/website-components/GlassLinkButton.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 31)

src/components/website-components/GlassLinkButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, variant = "primary", size = "md", intent = "primary", noise = false, children, ...props }, ref) => { (Line 15)

src/components/website-components/GlassLinkButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 19)

src/components/website-components/GlassLinkButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 15)

src/components/website-components/GlassLinkButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="pointer-events-none absolute inset-0" (Line 52)

src/components/website-components/GlassLinkButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="pointer-events-none absolute inset-0 opacity-0 hover:opacity-100 transition-opacity duration-200" (Line 69)

src/components/website-components/GlassLinkButton.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative z-10 flex items-center gap-2 text-white group-hover:text-indigo-50">{children} (Line 77)

src/components/website-components/GlassLinkButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, variant = "primary", size = "md", intent = "primary", noise = false, children, ...props }, ref) => { (Line 15)

src/components/website-components/GlassLinkButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 19)

src/components/website-components/GlassLinkButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 15)

src/components/website-components/GlassLinkButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="pointer-events-none absolute inset-0" (Line 52)

src/components/website-components/GlassLinkButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="pointer-events-none absolute inset-0 opacity-0 hover:opacity-100 transition-opacity duration-200" (Line 69)

src/components/website-components/GlassLinkButton.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative z-10 flex items-center gap-2 text-white group-hover:text-indigo-50">{children} (Line 77)

src/components/website-components/GlassLinkButton.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255,255,255,0.16) (Line 56)

src/components/website-components/GlassLinkButton.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255,255,255,0.16) (Line 56)

src/components/website-components/GlassLinkButton.tsx
Legacy Glass Classes
MEDIUM

Description: Using legacy glass-base instead of glass-foundation-complete

Fix: Replace with glass-foundation-complete

Match: glass-base (Line 34)

src/components/website-components/GlassPrismComparison.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/website-components/GlassPrismComparison.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/website-components/GlassPrismComparison.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/website-components/GlassPrismComparison.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/website-components/GlassPrismComparison.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/website-components/GlassPrismComparison.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/website-components/GlassPrismComparison.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/website-components/GlassPrismComparison.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/website-components/GlassPrismComparison.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 369)

src/components/website-components/GlassPrismComparison.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 178)

src/components/website-components/GlassPrismComparison.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 178)

src/components/website-components/GlassPrismComparison.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 178)

src/components/website-components/GlassPrismComparison.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 178)

src/components/website-components/GlassPrismComparison.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 178)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative py-32 overflow-hidden bg-gradient-to-br from-black via-gray-900 to-black cv-auto"> (Line 123)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="container-responsive"> (Line 124)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center mb-20" (Line 131)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-5xl md:text-7xl font-black mb-8"> (Line 133)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="inline-block relative" (Line 135)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 bg-gradient-to-r from-cyan-400 via-purple-400 to-pink-400 bg-clip-text text-transparent opacity-90"> (Line 156)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white">DIFFERENCE (Line 161)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-2xl text-white/70 max-w-3xl mx-auto leading-relaxed" (Line 165)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-cyan-400 font-bold">AuraOne transcends{" "} (Line 170)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative max-w-7xl mx-auto h-96 glass-base backdrop-blur-2xl rounded-3xl border border-white/300 overflow-hidden cursor-none" (Line 178)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 opacity-10"> (Line 188)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0" (Line 190)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 flex items-center justify-center" (Line 203)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center p-8"> (Line 208)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mb-6"> (Line 209)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-6xl md:text-8xl font-black mb-4" (Line 211)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`bg-gradient-to-r ${currentData.competitor.color} bg-clip-text text-transparent`}> (Line 215)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 text-xl mb-2">Competitors

(Line 219)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 text-sm">{currentData.competitor.description}

(Line 220)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center gap-4 text-white/70"> (Line 223)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-6 h-6" /> (Line 224)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg">Limited Capabilities (Line 225)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 flex items-center justify-center" (Line 203)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center p-8"> (Line 208)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mb-6"> (Line 209)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-6xl md:text-8xl font-black mb-4 relative" (Line 240)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`bg-gradient-to-r ${currentData.auraone.color} bg-clip-text text-transparent`}> (Line 251)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute -top-4 -right-4" (Line 257)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-8 h-8 text-yellow-400" /> (Line 269)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-cyan-400 text-xl mb-2 font-bold">AuraOne

(Line 272)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/80 text-sm">{currentData.auraone.description}

(Line 273)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center gap-4 text-cyan-400" (Line 277)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-6 h-6" /> (Line 224)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-bold">Beyond Possible (Line 282)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute top-0 bottom-0 w-1 pointer-events-none" (Line 289)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative w-full h-full"> (Line 298)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 bg-gradient-to-r from-transparent via-white/40 to-transparent backdrop-blur-sm border-l border-r border-white/300" (Line 300)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute w-20 h-0.5 bg-gradient-to-r from-transparent via-white/60 to-transparent" (Line 316)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute top-1/2 -right-20 w-32 h-1 bg-gradient-to-r from-red-400 via-yellow-400 via-green-400 via-blue-400 to-purple-400" (Line 337)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute pointer-events-none z-50" (Line 352)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete w-8 h-8 rounded-full bg-white/250 backdrop-blur-sm border border-white/300 flex items-center justify-center"> (Line 369)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-4 h-4 text-white" /> (Line 370)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-center gap-6 mt-12" (Line 377)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={`px-6 py-3 rounded-full border-2 transition-all duration-300 ${ (Line 387)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium">{data?.category} (Line 395)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center mt-12" (Line 402)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 text-lg"> (Line 406)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 pointer-events-none overflow-hidden"> (Line 419)

src/components/website-components/GlassPrismComparison.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute w-2 h-2 bg-cyan-400/30 rounded-full" (Line 424)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative py-32 overflow-hidden bg-gradient-to-br from-black via-gray-900 to-black cv-auto"> (Line 123)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="container-responsive"> (Line 124)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center mb-20" (Line 131)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-5xl md:text-7xl font-black mb-8"> (Line 133)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="inline-block relative" (Line 135)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 bg-gradient-to-r from-cyan-400 via-purple-400 to-pink-400 bg-clip-text text-transparent opacity-90"> (Line 156)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white">DIFFERENCE (Line 161)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-2xl text-white/70 max-w-3xl mx-auto leading-relaxed" (Line 165)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-cyan-400 font-bold">AuraOne transcends{" "} (Line 170)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative max-w-7xl mx-auto h-96 glass-base backdrop-blur-2xl rounded-3xl border border-white/300 overflow-hidden cursor-none" (Line 178)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 opacity-10"> (Line 188)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0" (Line 190)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 flex items-center justify-center" (Line 203)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center p-8"> (Line 208)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mb-6"> (Line 209)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-6xl md:text-8xl font-black mb-4" (Line 211)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`bg-gradient-to-r ${currentData.competitor.color} bg-clip-text text-transparent`}> (Line 215)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 text-xl mb-2">Competitors

(Line 219)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 text-sm">{currentData.competitor.description}

(Line 220)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center gap-4 text-white/70"> (Line 223)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-6 h-6" /> (Line 224)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg">Limited Capabilities (Line 225)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 flex items-center justify-center" (Line 203)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center p-8"> (Line 208)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mb-6"> (Line 209)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-6xl md:text-8xl font-black mb-4 relative" (Line 240)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`bg-gradient-to-r ${currentData.auraone.color} bg-clip-text text-transparent`}> (Line 251)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute -top-4 -right-4" (Line 257)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-8 h-8 text-yellow-400" /> (Line 269)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-cyan-400 text-xl mb-2 font-bold">AuraOne

(Line 272)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/80 text-sm">{currentData.auraone.description}

(Line 273)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center gap-4 text-cyan-400" (Line 277)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-6 h-6" /> (Line 224)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-bold">Beyond Possible (Line 282)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute top-0 bottom-0 w-1 pointer-events-none" (Line 289)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative w-full h-full"> (Line 298)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 bg-gradient-to-r from-transparent via-white/40 to-transparent backdrop-blur-sm border-l border-r border-white/300" (Line 300)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute w-20 h-0.5 bg-gradient-to-r from-transparent via-white/60 to-transparent" (Line 316)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute top-1/2 -right-20 w-32 h-1 bg-gradient-to-r from-red-400 via-yellow-400 via-green-400 via-blue-400 to-purple-400" (Line 337)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute pointer-events-none z-50" (Line 352)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete w-8 h-8 rounded-full bg-white/250 backdrop-blur-sm border border-white/300 flex items-center justify-center"> (Line 369)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-4 h-4 text-white" /> (Line 370)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-center gap-6 mt-12" (Line 377)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={`px-6 py-3 rounded-full border-2 transition-all duration-300 ${ (Line 387)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium">{data?.category} (Line 395)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center mt-12" (Line 402)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 text-lg"> (Line 406)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 pointer-events-none overflow-hidden"> (Line 419)

src/components/website-components/GlassPrismComparison.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute w-2 h-2 bg-cyan-400/30 rounded-full" (Line 424)

src/components/website-components/GlassPrismComparison.tsx
Legacy Glass Classes
MEDIUM

Description: Using legacy glass-base instead of glass-foundation-complete

Fix: Replace with glass-foundation-complete

Match: glass-base (Line 178)

src/components/website-components/GlassWipeSlider.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/website-components/GlassWipeSlider.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/website-components/GlassWipeSlider.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 31)

src/components/website-components/GlassWipeSlider.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-8 text-center bg-gradient-to-br from-blue-500/20 to-purple-500/20 rounded-lg"> (Line 43)

src/components/website-components/GlassWipeSlider.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xl font-semibold mb-2">Before (Line 44)

src/components/website-components/GlassWipeSlider.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">Initial state content

(Line 45)

src/components/website-components/GlassWipeSlider.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-8 text-center bg-gradient-to-br from-green-500/20 to-blue-500/20 rounded-lg"> (Line 49)

src/components/website-components/GlassWipeSlider.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xl font-semibold mb-2">After (Line 50)

src/components/website-components/GlassWipeSlider.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">Final state content

(Line 51)

src/components/website-components/GlassWipeSlider.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 60)

src/components/website-components/GlassWipeSlider.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 text-center bg-red-500/20 rounded"> (Line 66)

src/components/website-components/GlassWipeSlider.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm">Before (Line 67)

src/components/website-components/GlassWipeSlider.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 text-center bg-green-500/20 rounded"> (Line 71)

src/components/website-components/GlassWipeSlider.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm">After (Line 72)

src/components/website-components/GlassWipeSlider.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/website-components/GlassWipeSlider.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/website-components/GlassWipeSlider.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 31)

src/components/website-components/GlassWipeSlider.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-8 text-center bg-gradient-to-br from-blue-500/20 to-purple-500/20 rounded-lg"> (Line 43)

src/components/website-components/GlassWipeSlider.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xl font-semibold mb-2">Before (Line 44)

src/components/website-components/GlassWipeSlider.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">Initial state content

(Line 45)

src/components/website-components/GlassWipeSlider.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-8 text-center bg-gradient-to-br from-green-500/20 to-blue-500/20 rounded-lg"> (Line 49)

src/components/website-components/GlassWipeSlider.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xl font-semibold mb-2">After (Line 50)

src/components/website-components/GlassWipeSlider.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">Final state content

(Line 51)

src/components/website-components/GlassWipeSlider.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 60)

src/components/website-components/GlassWipeSlider.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 text-center bg-red-500/20 rounded"> (Line 66)

src/components/website-components/GlassWipeSlider.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm">Before (Line 67)

src/components/website-components/GlassWipeSlider.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 text-center bg-green-500/20 rounded"> (Line 71)

src/components/website-components/GlassWipeSlider.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm">After (Line 72)

src/components/website-components/GlassWipeSlider.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 627)

src/components/website-components/GlassWipeSlider.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 627)

src/components/website-components/GlassWipeSlider.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 627)

src/components/website-components/GlassWipeSlider.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 589)

src/components/website-components/GlassWipeSlider.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 589)

src/components/website-components/GlassWipeSlider.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 589)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"> (Line 10)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"> (Line 10)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"> (Line 10)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"> (Line 10)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 66)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 103)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 431)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 10)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 w-full h-full"> (Line 457)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 overflow-hidden transition-all duration-75 ease-out" (Line 463)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute pointer-events-none transition-opacity duration-300" (Line 478)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 431)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 431)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 431)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 431)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full h-full rounded-full glass-base bg-glass-gradient-strong backdrop-blur-glass-medium border border-white/300 flex items-center justify-center group relative overflow-hidden"> (Line 589)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 431)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-1 h-1 rounded-full bg-current opacity-50" /> (Line 598)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-1 h-1 rounded-full bg-current opacity-50" /> (Line 598)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 rounded-full bg-gradient-to-r from-cyan-500/20 to-blue-500/20 opacity-0 group-hover:opacity-100 transition-opacity duration-300" /> (Line 611)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 rounded-full bg-gradient-to-r from-blue-400/30 to-purple-500/30 transition-opacity duration-200" (Line 614)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute -inset-1 rounded-full border-2 border-blue-400/50 animate-pulse" /> (Line 622)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 rounded-full bg-white/250 scale-0 transition-transform duration-200" (Line 627)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 431)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium">{labels.after}

(Line 650)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70 mt-0.5">{labels.afterDescription}

(Line 652)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 431)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium">{labels.before}

(Line 667)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70 mt-0.5">{labels.beforeDescription}

(Line 669)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 431)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2"> (Line 690)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-mono font-medium">{Math.round(position)}%

(Line 691)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete w-1 h-1 rounded-full bg-white/250" /> (Line 693)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute inset-0 pointer-events-none z-5"> (Line 701)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 431)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 431)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 739)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 431)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-medium">{metric?.label} (Line 748)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-2 font-mono"> (Line 749)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-red-300">{metric?.beforeValue}{metric?.unit} (Line 750)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70">→ (Line 751)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-green-300">{metric?.afterValue}{metric?.unit} (Line 752)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="sr-only"> (Line 761)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 103)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 66)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn("w-full h-full object-cover transition-all duration-300", className)} (Line 787)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 103)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 66)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 431)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 10)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 10)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 66)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} background="glass"> (Line 833)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full max-w-md space-y-4"> (Line 834)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold text-white text-center mb-6">{title} (Line 836)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-2"> (Line 739)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-between py-2 px-3 surface-1"> (Line 842)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 431)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center gap-3"> (Line 849)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 431)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70">→ (Line 751)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 431)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 10)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 66)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} background="glass"> (Line 833)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-full max-w-lg space-y-4"> (Line 885)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xl font-semibold text-white text-center mb-6">{title} (Line 887)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid gap-4"> (Line 889)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="surface-1 p-4"> (Line 891)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center space-y-3"> (Line 892)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 431)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex items-center justify-center gap-4"> (Line 899)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 900)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-2xl font-bold text-red-300 font-mono"> (Line 901)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70 mt-1">Before

(Line 904)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 text-xl">→

(Line 906)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center"> (Line 900)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-2xl font-bold text-green-300 font-mono"> (Line 908)

src/components/website-components/GlassWipeSlider.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs text-white/70 mt-1">After

(Line 911)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"> (Line 10)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"> (Line 10)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"> (Line 10)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"> (Line 10)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 66)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 103)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 431)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 10)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 w-full h-full"> (Line 457)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 overflow-hidden transition-all duration-75 ease-out" (Line 463)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute pointer-events-none transition-opacity duration-300" (Line 478)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 431)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 431)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 431)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 431)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full h-full rounded-full glass-base bg-glass-gradient-strong backdrop-blur-glass-medium border border-white/300 flex items-center justify-center group relative overflow-hidden"> (Line 589)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 431)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-1 h-1 rounded-full bg-current opacity-50" /> (Line 598)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-1 h-1 rounded-full bg-current opacity-50" /> (Line 598)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 rounded-full bg-gradient-to-r from-cyan-500/20 to-blue-500/20 opacity-0 group-hover:opacity-100 transition-opacity duration-300" /> (Line 611)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 rounded-full bg-gradient-to-r from-blue-400/30 to-purple-500/30 transition-opacity duration-200" (Line 614)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute -inset-1 rounded-full border-2 border-blue-400/50 animate-pulse" /> (Line 622)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 rounded-full bg-white/250 scale-0 transition-transform duration-200" (Line 627)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 431)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium">{labels.after}

(Line 650)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70 mt-0.5">{labels.afterDescription}

(Line 652)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 431)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium">{labels.before}

(Line 667)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70 mt-0.5">{labels.beforeDescription}

(Line 669)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 431)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2"> (Line 690)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-mono font-medium">{Math.round(position)}%

(Line 691)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete w-1 h-1 rounded-full bg-white/250" /> (Line 693)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute inset-0 pointer-events-none z-5"> (Line 701)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 431)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 431)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 739)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 431)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-medium">{metric?.label} (Line 748)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-2 font-mono"> (Line 749)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-red-300">{metric?.beforeValue}{metric?.unit} (Line 750)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70">→ (Line 751)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-green-300">{metric?.afterValue}{metric?.unit} (Line 752)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="sr-only"> (Line 761)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 103)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 66)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn("w-full h-full object-cover transition-all duration-300", className)} (Line 787)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 103)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 66)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 431)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 10)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 10)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 66)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} background="glass"> (Line 833)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full max-w-md space-y-4"> (Line 834)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold text-white text-center mb-6">{title} (Line 836)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-2"> (Line 739)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-between py-2 px-3 surface-1"> (Line 842)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 431)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center gap-3"> (Line 849)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 431)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70">→ (Line 751)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 431)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 10)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 66)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} background="glass"> (Line 833)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-full max-w-lg space-y-4"> (Line 885)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xl font-semibold text-white text-center mb-6">{title} (Line 887)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid gap-4"> (Line 889)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="surface-1 p-4"> (Line 891)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center space-y-3"> (Line 892)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 431)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex items-center justify-center gap-4"> (Line 899)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 900)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-2xl font-bold text-red-300 font-mono"> (Line 901)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70 mt-1">Before

(Line 904)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 text-xl">→

(Line 906)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center"> (Line 900)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-2xl font-bold text-green-300 font-mono"> (Line 908)

src/components/website-components/GlassWipeSlider.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs text-white/70 mt-1">After

(Line 911)

src/components/website-components/GlassWipeSlider.tsx
Legacy Glass Classes
MEDIUM

Description: Using legacy glass-base instead of glass-foundation-complete

Fix: Replace with glass-foundation-complete

Match: glass-base (Line 589)

src/components/website-components/GlassWipeSlider.tsx
Legacy Glass Classes
MEDIUM

Description: Using legacy glass-base instead of glass-foundation-complete

Fix: Replace with glass-foundation-complete

Match: glass-base (Line 589)

src/components/website-components/GlassWipeSlider.tsx
Legacy Glass Classes
MEDIUM

Description: Using legacy glass-base instead of glass-foundation-complete

Fix: Replace with glass-foundation-complete

Match: glass-base (Line 589)

src/components/website-components/GlassWipeSliderExamples.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/website-components/GlassWipeSliderExamples.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/website-components/GlassWipeSliderExamples.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/components/website-components/GlassWipeSliderExamples.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/website-components/GlassWipeSliderExamples.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/website-components/GlassWipeSliderExamples.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/website-components/GlassWipeSliderExamples.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/components/website-components/GlassWipeSliderExamples.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/components/website-components/GlassWipeSliderExamples.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 323)

src/components/website-components/GlassWipeSliderExamples.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 321)

src/components/website-components/GlassWipeSliderExamples.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 321)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className }: { className?: string }) { (Line 17)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn("w-full space-y-6", className)}> (Line 22)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center space-y-2"> (Line 23)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-2xl font-bold text-white">AuraOne vs Scale AI (Line 24)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70">See the dramatic performance improvements

(Line 25)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative w-full h-full bg-gradient-to-br from-red-900/80 to-orange-900/60 flex flex-col items-center justify-center text-center p-8"> (Line 30)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-base bg-glass-gradient-subtle backdrop-blur-glass-medium rounded-xl p-6 max-w-md"> (Line 31)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-red-300 text-4xl font-bold mb-2">Scale AI

(Line 32)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/80 text-sm space-y-2"> (Line 33)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-4 text-red-200 text-xs">Traditional ML Platform

(Line 39)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute bottom-4 left-4 text-red-300/60 text-xs">Legacy Approach

(Line 41)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative w-full h-full bg-gradient-to-br from-cyan-900/80 to-blue-900/60 flex flex-col items-center justify-center text-center p-8"> (Line 45)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-base bg-glass-gradient-strong backdrop-blur-glass-medium rounded-xl p-6 max-w-md border border-cyan-400/20"> (Line 46)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-cyan-300 text-4xl font-bold mb-2">AuraOne

(Line 47)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/90 text-sm space-y-2"> (Line 48)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-4 text-cyan-200 text-xs">Next-Gen AI Platform

(Line 54)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="absolute bottom-4 right-4 text-cyan-300/60 text-xs">Future-Ready

(Line 56)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-[500px] shadow-2xl" (Line 70)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center text-white/70 text-sm"> (Line 73)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className }: { className?: string }) { (Line 17)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn("w-full space-y-6", className)}> (Line 22)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center space-y-2"> (Line 23)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-2xl font-bold text-white">Feature Evolution (Line 103)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70">Swipe vertically to compare capabilities

(Line 104)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="max-w-2xl mx-auto shadow-2xl" (Line 133)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className }: { className?: string }) { (Line 17)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn("w-full space-y-6", className)}> (Line 22)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center space-y-2"> (Line 23)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-2xl font-bold text-white">Performance Impact (Line 175)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70">Real metrics from enterprise customers

(Line 176)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative w-full h-full bg-gradient-to-br from-slate-900 via-red-900/50 to-slate-900 p-8"> (Line 181)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-full flex items-center justify-center"> (Line 182)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-base bg-glass-gradient-subtle backdrop-blur-glass-medium rounded-xl p-8 max-w-md text-center"> (Line 183)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xl font-bold text-red-300 mb-6">Legacy Platform (Line 184)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-2 gap-4 text-sm"> (Line 185)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-1"> (Line 186)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70">Training Time

(Line 187)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-2xl font-bold text-red-300">12h

(Line 188)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-1"> (Line 186)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70">Accuracy

(Line 191)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-2xl font-bold text-red-300">89%

(Line 192)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-1"> (Line 186)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70">Resources

(Line 195)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-2xl font-bold text-red-300">85%

(Line 196)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-1"> (Line 186)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70">Cost

(Line 199)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-2xl font-bold text-red-300">$2.4K

(Line 200)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-6 text-red-200/60 text-xs">High overhead, slow results

(Line 203)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="relative w-full h-full bg-gradient-to-br from-slate-900 via-green-900/50 to-slate-900 p-8"> (Line 209)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="h-full flex items-center justify-center"> (Line 182)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-base bg-glass-gradient-strong backdrop-blur-glass-medium rounded-xl p-8 max-w-md text-center border border-green-400/20"> (Line 211)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xl font-bold text-green-300 mb-6">AuraOne Platform (Line 212)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-2 gap-4 text-sm"> (Line 185)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-1"> (Line 186)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70">Training Time

(Line 187)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-2xl font-bold text-green-300">3h

(Line 216)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-1"> (Line 186)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70">Accuracy

(Line 191)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-2xl font-bold text-green-300">97%

(Line 220)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-1"> (Line 186)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70">Resources

(Line 195)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-2xl font-bold text-green-300">23%

(Line 224)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="space-y-1"> (Line 186)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70">Cost

(Line 199)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-2xl font-bold text-green-300">$480

(Line 228)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="mt-6 text-green-200/60 text-xs">Optimized efficiency, superior results

(Line 231)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="shadow-2xl" (Line 248)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className }: { className?: string }) { (Line 17)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn("w-full space-y-6", className)}> (Line 22)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center space-y-2"> (Line 23)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-2xl font-bold text-white">Visual Results (Line 259)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70">Model training results comparison

(Line 260)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="opacity-90" (Line 268)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="rounded-xl shadow-2xl overflow-hidden" (Line 292)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className }: { className?: string }) { (Line 17)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn("w-full space-y-6", className)}> (Line 22)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center space-y-2"> (Line 23)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-2xl font-bold text-white">Preset Positions Demo (Line 306)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70">Click buttons to jump to preset positions

(Line 307)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap justify-center gap-3"> (Line 311)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 320)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center space-y-4"> (Line 335)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-4xl font-bold text-white">Before

(Line 336)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70">Traditional approach with limitations

(Line 337)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-2 gap-4 text-sm max-w-xs"> (Line 338)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-base bg-red-500/10 rounded-lg p-3"> (Line 339)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-red-300 font-semibold">Slow

(Line 340)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-base bg-red-500/10 rounded-lg p-3"> (Line 339)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-red-300 font-semibold">Expensive

(Line 343)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-base bg-red-500/10 rounded-lg p-3"> (Line 339)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-red-300 font-semibold">Complex

(Line 346)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-base bg-red-500/10 rounded-lg p-3"> (Line 339)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-red-300 font-semibold">Limited

(Line 349)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center space-y-4"> (Line 335)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-4xl font-bold text-white">After

(Line 358)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70">AuraOne platform advantages

(Line 359)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-2 gap-4 text-sm max-w-xs"> (Line 338)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-base bg-green-500/10 rounded-lg p-3"> (Line 361)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-green-300 font-semibold">Fast

(Line 362)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-base bg-green-500/10 rounded-lg p-3"> (Line 361)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-green-300 font-semibold">Affordable

(Line 365)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-base bg-green-500/10 rounded-lg p-3"> (Line 361)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-green-300 font-semibold">Simple

(Line 368)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-base bg-green-500/10 rounded-lg p-3"> (Line 361)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-green-300 font-semibold">Scalable

(Line 371)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="shadow-2xl" (Line 248)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center space-y-2"> (Line 23)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/80"> (Line 398)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="font-mono font-semibold text-cyan-300">{Math.round(currentPosition)}% (Line 399)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="chip chip-blue text-sm" (Line 406)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className }: { className?: string }) { (Line 17)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn("w-full space-y-16 py-8", className)}> (Line 419)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center space-y-4 mb-12"> (Line 420)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-3xl font-bold text-white">GlassWipe Slider Showcase (Line 421)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 max-w-2xl mx-auto"> (Line 422)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-center space-y-4 pt-8"> (Line 434)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 text-sm"> (Line 435)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-white/70 text-xs"> (Line 438)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 448)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, children }: GlassWipeSliderExamplesProps) { (Line 452)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className}> (Line 454)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className }: { className?: string }) { (Line 17)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn("w-full space-y-6", className)}> (Line 22)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center space-y-2"> (Line 23)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-2xl font-bold text-white">AuraOne vs Scale AI (Line 24)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70">See the dramatic performance improvements

(Line 25)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative w-full h-full bg-gradient-to-br from-red-900/80 to-orange-900/60 flex flex-col items-center justify-center text-center p-8"> (Line 30)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-base bg-glass-gradient-subtle backdrop-blur-glass-medium rounded-xl p-6 max-w-md"> (Line 31)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-red-300 text-4xl font-bold mb-2">Scale AI

(Line 32)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/80 text-sm space-y-2"> (Line 33)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-4 text-red-200 text-xs">Traditional ML Platform

(Line 39)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute bottom-4 left-4 text-red-300/60 text-xs">Legacy Approach

(Line 41)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative w-full h-full bg-gradient-to-br from-cyan-900/80 to-blue-900/60 flex flex-col items-center justify-center text-center p-8"> (Line 45)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-base bg-glass-gradient-strong backdrop-blur-glass-medium rounded-xl p-6 max-w-md border border-cyan-400/20"> (Line 46)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-cyan-300 text-4xl font-bold mb-2">AuraOne

(Line 47)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/90 text-sm space-y-2"> (Line 48)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-4 text-cyan-200 text-xs">Next-Gen AI Platform

(Line 54)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="absolute bottom-4 right-4 text-cyan-300/60 text-xs">Future-Ready

(Line 56)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-[500px] shadow-2xl" (Line 70)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center text-white/70 text-sm"> (Line 73)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className }: { className?: string }) { (Line 17)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn("w-full space-y-6", className)}> (Line 22)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center space-y-2"> (Line 23)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-2xl font-bold text-white">Feature Evolution (Line 103)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70">Swipe vertically to compare capabilities

(Line 104)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="max-w-2xl mx-auto shadow-2xl" (Line 133)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className }: { className?: string }) { (Line 17)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn("w-full space-y-6", className)}> (Line 22)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center space-y-2"> (Line 23)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-2xl font-bold text-white">Performance Impact (Line 175)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70">Real metrics from enterprise customers

(Line 176)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative w-full h-full bg-gradient-to-br from-slate-900 via-red-900/50 to-slate-900 p-8"> (Line 181)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-full flex items-center justify-center"> (Line 182)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-base bg-glass-gradient-subtle backdrop-blur-glass-medium rounded-xl p-8 max-w-md text-center"> (Line 183)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xl font-bold text-red-300 mb-6">Legacy Platform (Line 184)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-2 gap-4 text-sm"> (Line 185)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-1"> (Line 186)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70">Training Time

(Line 187)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-2xl font-bold text-red-300">12h

(Line 188)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-1"> (Line 186)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70">Accuracy

(Line 191)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-2xl font-bold text-red-300">89%

(Line 192)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-1"> (Line 186)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70">Resources

(Line 195)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-2xl font-bold text-red-300">85%

(Line 196)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-1"> (Line 186)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70">Cost

(Line 199)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-2xl font-bold text-red-300">$2.4K

(Line 200)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-6 text-red-200/60 text-xs">High overhead, slow results

(Line 203)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="relative w-full h-full bg-gradient-to-br from-slate-900 via-green-900/50 to-slate-900 p-8"> (Line 209)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="h-full flex items-center justify-center"> (Line 182)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-base bg-glass-gradient-strong backdrop-blur-glass-medium rounded-xl p-8 max-w-md text-center border border-green-400/20"> (Line 211)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xl font-bold text-green-300 mb-6">AuraOne Platform (Line 212)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-2 gap-4 text-sm"> (Line 185)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-1"> (Line 186)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70">Training Time

(Line 187)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-2xl font-bold text-green-300">3h

(Line 216)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-1"> (Line 186)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70">Accuracy

(Line 191)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-2xl font-bold text-green-300">97%

(Line 220)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-1"> (Line 186)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70">Resources

(Line 195)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-2xl font-bold text-green-300">23%

(Line 224)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="space-y-1"> (Line 186)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70">Cost

(Line 199)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-2xl font-bold text-green-300">$480

(Line 228)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="mt-6 text-green-200/60 text-xs">Optimized efficiency, superior results

(Line 231)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="shadow-2xl" (Line 248)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className }: { className?: string }) { (Line 17)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn("w-full space-y-6", className)}> (Line 22)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center space-y-2"> (Line 23)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-2xl font-bold text-white">Visual Results (Line 259)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70">Model training results comparison

(Line 260)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="opacity-90" (Line 268)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="rounded-xl shadow-2xl overflow-hidden" (Line 292)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className }: { className?: string }) { (Line 17)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn("w-full space-y-6", className)}> (Line 22)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center space-y-2"> (Line 23)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-2xl font-bold text-white">Preset Positions Demo (Line 306)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70">Click buttons to jump to preset positions

(Line 307)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap justify-center gap-3"> (Line 311)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 320)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center space-y-4"> (Line 335)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-4xl font-bold text-white">Before

(Line 336)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70">Traditional approach with limitations

(Line 337)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-2 gap-4 text-sm max-w-xs"> (Line 338)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-base bg-red-500/10 rounded-lg p-3"> (Line 339)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-red-300 font-semibold">Slow

(Line 340)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-base bg-red-500/10 rounded-lg p-3"> (Line 339)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-red-300 font-semibold">Expensive

(Line 343)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-base bg-red-500/10 rounded-lg p-3"> (Line 339)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-red-300 font-semibold">Complex

(Line 346)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-base bg-red-500/10 rounded-lg p-3"> (Line 339)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-red-300 font-semibold">Limited

(Line 349)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center space-y-4"> (Line 335)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-4xl font-bold text-white">After

(Line 358)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70">AuraOne platform advantages

(Line 359)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-2 gap-4 text-sm max-w-xs"> (Line 338)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-base bg-green-500/10 rounded-lg p-3"> (Line 361)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-green-300 font-semibold">Fast

(Line 362)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-base bg-green-500/10 rounded-lg p-3"> (Line 361)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-green-300 font-semibold">Affordable

(Line 365)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-base bg-green-500/10 rounded-lg p-3"> (Line 361)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-green-300 font-semibold">Simple

(Line 368)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-base bg-green-500/10 rounded-lg p-3"> (Line 361)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-green-300 font-semibold">Scalable

(Line 371)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="shadow-2xl" (Line 248)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center space-y-2"> (Line 23)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/80"> (Line 398)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="font-mono font-semibold text-cyan-300">{Math.round(currentPosition)}% (Line 399)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="chip chip-blue text-sm" (Line 406)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className }: { className?: string }) { (Line 17)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn("w-full space-y-16 py-8", className)}> (Line 419)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center space-y-4 mb-12"> (Line 420)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-3xl font-bold text-white">GlassWipe Slider Showcase (Line 421)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 max-w-2xl mx-auto"> (Line 422)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-center space-y-4 pt-8"> (Line 434)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 text-sm"> (Line 435)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-white/70 text-xs"> (Line 438)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 448)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, children }: GlassWipeSliderExamplesProps) { (Line 452)

src/components/website-components/GlassWipeSliderExamples.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className}> (Line 454)

src/components/website-components/GlassWipeSliderExamples.tsx
Legacy Glass Classes
MEDIUM

Description: Using legacy glass-base instead of glass-foundation-complete

Fix: Replace with glass-foundation-complete

Match: glass-base (Line 31)

src/components/website-components/GlassWipeSliderExamples.tsx
Legacy Glass Classes
MEDIUM

Description: Using legacy glass-base instead of glass-foundation-complete

Fix: Replace with glass-foundation-complete

Match: glass-base (Line 31)

src/components/website-components/GlassWipeSliderExamples.tsx
Legacy Glass Classes
MEDIUM

Description: Using legacy glass-base instead of glass-foundation-complete

Fix: Replace with glass-foundation-complete

Match: glass-base (Line 31)

src/components/website-components/GlassWipeSliderExamples.tsx
Legacy Glass Classes
MEDIUM

Description: Using legacy glass-base instead of glass-foundation-complete

Fix: Replace with glass-foundation-complete

Match: glass-base (Line 31)

src/components/website-components/GlassWipeSliderExamples.tsx
Legacy Glass Classes
MEDIUM

Description: Using legacy glass-base instead of glass-foundation-complete

Fix: Replace with glass-foundation-complete

Match: glass-base (Line 31)

src/components/website-components/GlassWipeSliderExamples.tsx
Legacy Glass Classes
MEDIUM

Description: Using legacy glass-base instead of glass-foundation-complete

Fix: Replace with glass-foundation-complete

Match: glass-base (Line 31)

src/components/website-components/GlassWipeSliderExamples.tsx
Legacy Glass Classes
MEDIUM

Description: Using legacy glass-base instead of glass-foundation-complete

Fix: Replace with glass-foundation-complete

Match: glass-base (Line 31)

src/components/website-components/GlassWipeSliderExamples.tsx
Legacy Glass Classes
MEDIUM

Description: Using legacy glass-base instead of glass-foundation-complete

Fix: Replace with glass-foundation-complete

Match: glass-base (Line 31)

src/components/website-components/GlassWipeSliderExamples.tsx
Legacy Glass Classes
MEDIUM

Description: Using legacy glass-base instead of glass-foundation-complete

Fix: Replace with glass-foundation-complete

Match: glass-base (Line 31)

src/components/website-components/GlassWipeSliderExamples.tsx
Legacy Glass Classes
MEDIUM

Description: Using legacy glass-base instead of glass-foundation-complete

Fix: Replace with glass-foundation-complete

Match: glass-base (Line 31)

src/components/website-components/GlassWipeSliderExamples.tsx
Legacy Glass Classes
MEDIUM

Description: Using legacy glass-base instead of glass-foundation-complete

Fix: Replace with glass-foundation-complete

Match: glass-base (Line 31)

src/components/website-components/GlassWipeSliderExamples.tsx
Legacy Glass Classes
MEDIUM

Description: Using legacy glass-base instead of glass-foundation-complete

Fix: Replace with glass-foundation-complete

Match: glass-base (Line 31)

src/components/website-components/GlassWipeSliderExamples.tsx
Legacy Glass Classes
MEDIUM

Description: Using legacy glass-base instead of glass-foundation-complete

Fix: Replace with glass-foundation-complete

Match: glass-base (Line 31)

src/components/website-components/MotionAwareGlass.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/components/website-components/MotionAwareGlass.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/components/website-components/MotionAwareGlass.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 30)

src/components/website-components/MotionAwareGlass.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 text-center"> (Line 42)

src/components/website-components/MotionAwareGlass.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">MotionAwareGlass (Line 43)

src/components/website-components/MotionAwareGlass.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">This is the default motionawareglass component.

(Line 44)

src/components/website-components/MotionAwareGlass.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 52)

src/components/website-components/MotionAwareGlass.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/components/website-components/MotionAwareGlass.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/components/website-components/MotionAwareGlass.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 30)

src/components/website-components/MotionAwareGlass.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 text-center"> (Line 42)

src/components/website-components/MotionAwareGlass.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">MotionAwareGlass (Line 43)

src/components/website-components/MotionAwareGlass.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">This is the default motionawareglass component.

(Line 44)

src/components/website-components/MotionAwareGlass.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 52)

src/components/website-components/MotionAwareGlass.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 42)

src/components/website-components/MotionAwareGlass.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 42)

src/components/website-components/MotionAwareGlass.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 42)

src/components/website-components/MotionAwareGlass.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 42)

src/components/website-components/MotionAwareGlass.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 42)

src/components/website-components/MotionAwareGlass.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 42)

src/components/website-components/MotionAwareGlass.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 42)

src/components/website-components/MotionAwareGlass.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 42)

src/components/website-components/MotionAwareGlass.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 42)

src/components/website-components/MotionAwareGlass.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 42)

src/components/website-components/MotionAwareGlass.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 42)

src/components/website-components/MotionAwareGlass.tsx
Low Opacity Border
MEDIUM

Description: Border opacity below minimum threshold (≥ 0.20)

Fix: Use border-white/20 or higher

Match: border-white/3 (Line 42)

src/components/website-components/MotionAwareGlass.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 14)

src/components/website-components/MotionAwareGlass.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 29)

src/components/website-components/MotionAwareGlass.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 14)

src/components/website-components/MotionAwareGlass.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={combinedClassName} (Line 150)

src/components/website-components/MotionAwareGlass.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="sr-only"> (Line 163)

src/components/website-components/MotionAwareGlass.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 14)

src/components/website-components/MotionAwareGlass.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 29)

src/components/website-components/MotionAwareGlass.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 14)

src/components/website-components/MotionAwareGlass.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={combinedClassName} (Line 150)

src/components/website-components/MotionAwareGlass.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="sr-only"> (Line 163)

src/components/website-components/MotionAwareGlass.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.12) (Line 86)

src/components/website-components/MotionAwareGlass.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.12) (Line 86)

src/components/website-components/MotionAwareGlass.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.15) (Line 205)

src/components/website-components/MotionAwareGlass.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.05) (Line 211)

src/components/website-components/MotionAwareGlass.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.08) (Line 217)

src/components/website-components/MotionAwareGlass.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.08) (Line 217)

src/components/website-components/MotionAwareGlass.tsx
Legacy Glass Classes
MEDIUM

Description: Using legacy glass-base instead of glass-foundation-complete

Fix: Replace with glass-foundation-complete

Match: glass-base (Line 46)

src/components/website-components/MotionAwareGlass.tsx
Legacy Glass Classes
MEDIUM

Description: Using legacy glass-base instead of glass-foundation-complete

Fix: Replace with glass-foundation-complete

Match: glass-base (Line 46)

src/primitives/focus/FocusTrap.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 32)

src/primitives/focus/FocusTrap.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 32)

src/primitives/focus/ScreenReader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/primitives/focus/ScreenReader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/primitives/focus/ScreenReader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '' (Line 22)

src/primitives/focus/ScreenReader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 37)

src/primitives/focus/ScreenReader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 space-y-4"> (Line 50)

src/primitives/focus/ScreenReader.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm text-gray-600 mb-4"> (Line 51)

src/primitives/focus/ScreenReader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/primitives/focus/ScreenReader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/primitives/focus/ScreenReader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '' (Line 22)

src/primitives/focus/ScreenReader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 37)

src/primitives/focus/ScreenReader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 space-y-4"> (Line 50)

src/primitives/focus/ScreenReader.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm text-gray-600 mb-4"> (Line 51)

src/primitives/focus/ScreenReader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 22)

src/primitives/focus/ScreenReader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 41)

src/primitives/focus/ScreenReader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('sr-only', className)} (Line 70)

src/primitives/focus/ScreenReader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 41)

src/primitives/focus/ScreenReader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 22)

src/primitives/focus/ScreenReader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: cn('sr-only', className), ...props}, children); (Line 95)

src/primitives/focus/ScreenReader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 41)

src/primitives/focus/ScreenReader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 22)

src/primitives/focus/ScreenReader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 122)

src/primitives/focus/ScreenReader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className = 'sr-only'; (Line 201)

src/primitives/focus/ScreenReader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="sr-only"> (Line 260)

src/primitives/focus/ScreenReader.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="sr-only"> (Line 260)

src/primitives/focus/ScreenReader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 22)

src/primitives/focus/ScreenReader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 41)

src/primitives/focus/ScreenReader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('sr-only', className)} (Line 70)

src/primitives/focus/ScreenReader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 41)

src/primitives/focus/ScreenReader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 22)

src/primitives/focus/ScreenReader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: cn('sr-only', className), ...props}, children); (Line 95)

src/primitives/focus/ScreenReader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 41)

src/primitives/focus/ScreenReader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 22)

src/primitives/focus/ScreenReader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 122)

src/primitives/focus/ScreenReader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className = 'sr-only'; (Line 201)

src/primitives/focus/ScreenReader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="sr-only"> (Line 260)

src/primitives/focus/ScreenReader.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="sr-only"> (Line 260)

src/primitives/focus/SkipLinks.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 34)

src/primitives/focus/SkipLinks.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 34)

src/primitives/focus/SkipLinks.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 20)

src/primitives/focus/SkipLinks.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 59)

src/primitives/focus/SkipLinks.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 97)

src/primitives/focus/SkipLinks.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 20)

src/primitives/focus/SkipLinks.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn('glass-foundation-complete', (Line 116)

src/primitives/focus/SkipLinks.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 59)

src/primitives/focus/SkipLinks.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 160)

src/primitives/focus/SkipLinks.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 59)

src/primitives/focus/SkipLinks.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 160)

src/primitives/focus/SkipLinks.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 59)

src/primitives/focus/SkipLinks.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={className} (Line 160)

src/primitives/focus/SkipLinks.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className = 'skip-link'; (Line 248)

src/primitives/focus/SkipLinks.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 20)

src/primitives/focus/SkipLinks.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 59)

src/primitives/focus/SkipLinks.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 97)

src/primitives/focus/SkipLinks.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 20)

src/primitives/focus/SkipLinks.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn('glass-foundation-complete', (Line 116)

src/primitives/focus/SkipLinks.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 59)

src/primitives/focus/SkipLinks.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 160)

src/primitives/focus/SkipLinks.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 59)

src/primitives/focus/SkipLinks.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 160)

src/primitives/focus/SkipLinks.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 59)

src/primitives/focus/SkipLinks.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={className} (Line 160)

src/primitives/focus/SkipLinks.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className = 'skip-link'; (Line 248)

src/primitives/glass/GlassAdvanced.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: { (Line 16)

src/primitives/glass/GlassAdvanced.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className prop', (Line 18)

src/primitives/glass/GlassAdvanced.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: '', (Line 30)

src/primitives/glass/GlassAdvanced.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 text-center"> (Line 42)

src/primitives/glass/GlassAdvanced.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">GlassAdvanced (Line 43)

src/primitives/glass/GlassAdvanced.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">This is the default glassadvanced component.

(Line 44)

src/primitives/glass/GlassAdvanced.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 52)

src/primitives/glass/GlassAdvanced.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: { (Line 16)

src/primitives/glass/GlassAdvanced.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className prop', (Line 18)

src/primitives/glass/GlassAdvanced.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: '', (Line 30)

src/primitives/glass/GlassAdvanced.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 text-center"> (Line 42)

src/primitives/glass/GlassAdvanced.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">GlassAdvanced (Line 43)

src/primitives/glass/GlassAdvanced.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">This is the default glassadvanced component.

(Line 44)

src/primitives/glass/GlassAdvanced.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 52)

src/primitives/glass/GlassAdvanced.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 81)

src/primitives/glass/GlassAdvanced.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 225)

src/primitives/glass/GlassAdvanced.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 81)

src/primitives/glass/GlassAdvanced.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="pointer-events-none absolute inset-0 z-[1] opacity-20 mix-blend-overlay" (Line 241)

src/primitives/glass/GlassAdvanced.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-content relative z-[2]"> (Line 249)

src/primitives/glass/GlassAdvanced.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="pointer-events-none absolute inset-0 z-0 opacity-0 transition-opacity duration-300 hover:opacity-100" (Line 256)

src/primitives/glass/GlassAdvanced.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 81)

src/primitives/glass/GlassAdvanced.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 225)

src/primitives/glass/GlassAdvanced.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 81)

src/primitives/glass/GlassAdvanced.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="pointer-events-none absolute inset-0 z-[1] opacity-20 mix-blend-overlay" (Line 241)

src/primitives/glass/GlassAdvanced.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-content relative z-[2]"> (Line 249)

src/primitives/glass/GlassAdvanced.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="pointer-events-none absolute inset-0 z-0 opacity-0 transition-opacity duration-300 hover:opacity-100" (Line 256)

src/primitives/glass/GlassAdvanced.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.15) (Line 174)

src/primitives/glass/GlassAdvanced.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.12) (Line 174)

src/primitives/glass/GlassAdvanced.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.15) (Line 174)

src/primitives/glass/GlassAdvanced.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.12) (Line 174)

src/primitives/glass/GlassAdvanced.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.08) (Line 179)

src/primitives/glass/GlassAdvanced.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255, 255, 255, 0.12) (Line 174)

src/primitives/glass/OptimizedGlassAdvanced.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 text-center"> (Line 29)

src/primitives/glass/OptimizedGlassAdvanced.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">OptimizedGlassAdvanced (Line 30)

src/primitives/glass/OptimizedGlassAdvanced.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">This is the default optimizedglassadvanced component.

(Line 31)

src/primitives/glass/OptimizedGlassAdvanced.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 39)

src/primitives/glass/OptimizedGlassAdvanced.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 text-center"> (Line 29)

src/primitives/glass/OptimizedGlassAdvanced.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">OptimizedGlassAdvanced (Line 30)

src/primitives/glass/OptimizedGlassAdvanced.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">This is the default optimizedglassadvanced component.

(Line 31)

src/primitives/glass/OptimizedGlassAdvanced.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 39)

src/primitives/glass/OptimizedGlassAdvanced.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 214)

src/primitives/glass/OptimizedGlassAdvanced.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 325)

src/primitives/glass/OptimizedGlassAdvanced.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 214)

src/primitives/glass/OptimizedGlassAdvanced.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 214)

src/primitives/glass/OptimizedGlassAdvanced.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 325)

src/primitives/glass/OptimizedGlassAdvanced.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 214)

src/primitives/glass/OptimizedGlassAdvanced.tsx
Hard-coded Colors
LOW

Description: Hard-coded rgba values instead of tokens

Fix: Use CSS variables or Tailwind classes

Match: rgba(255,255,255,0.05) (Line 331)

src/primitives/GlassCore.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 179)

src/primitives/GlassCore.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 179)

src/primitives/GlassCore.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 179)

src/primitives/GlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6 text-center"> (Line 71)

src/primitives/GlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">Default Glass Surface (Line 72)

src/primitives/GlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">This is the default glass morphism effect.

(Line 73)

src/primitives/GlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-2 md:grid-cols-3 gap-4 max-w-4xl"> (Line 81)

src/primitives/GlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 text-center"> (Line 84)

src/primitives/GlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium capitalize mb-1">{variant} (Line 85)

src/primitives/GlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs opacity-70">Variant

(Line 86)

src/primitives/GlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-2 md:grid-cols-3 gap-4 max-w-4xl"> (Line 81)

src/primitives/GlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 text-center"> (Line 84)

src/primitives/GlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium capitalize mb-1">{blur} (Line 103)

src/primitives/GlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs opacity-70">Blur

(Line 104)

src/primitives/GlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6 text-center"> (Line 71)

src/primitives/GlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">Glowing Glass (Line 122)

src/primitives/GlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">Glass surface with blue glow effect.

(Line 123)

src/primitives/GlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6 text-center cursor-pointer"> (Line 133)

src/primitives/GlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">Interactive Glass (Line 134)

src/primitives/GlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">Hover over this surface to see the effect.

(Line 135)

src/primitives/GlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-2 md:grid-cols-3 gap-4 max-w-4xl"> (Line 81)

src/primitives/GlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 text-center"> (Line 84)

src/primitives/GlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium capitalize mb-1">{rounded} (Line 147)

src/primitives/GlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs opacity-70">Rounded

(Line 148)

src/primitives/GlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-8 text-center"> (Line 167)

src/primitives/GlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-16 h-16 mx-auto mb-4 rounded-full bg-gradient-to-br from-purple-400 to-pink-400 flex items-center justify-center"> (Line 168)

src/primitives/GlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 169)

src/primitives/GlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xl font-bold mb-2">Premium Glass Effect (Line 173)

src/primitives/GlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80 mb-4"> (Line 174)

src/primitives/GlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex justify-center space-x-2"> (Line 178)

src/primitives/GlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-1 bg-white/250 rounded-full text-xs">Interactive (Line 179)

src/primitives/GlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-1 bg-white/250 rounded-full text-xs">Responsive (Line 180)

src/primitives/GlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-1 bg-white/250 rounded-full text-xs">Accessible (Line 181)

src/primitives/GlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6 text-center"> (Line 71)

src/primitives/GlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">Default Glass Surface (Line 72)

src/primitives/GlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">This is the default glass morphism effect.

(Line 73)

src/primitives/GlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-2 md:grid-cols-3 gap-4 max-w-4xl"> (Line 81)

src/primitives/GlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 text-center"> (Line 84)

src/primitives/GlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium capitalize mb-1">{variant} (Line 85)

src/primitives/GlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs opacity-70">Variant

(Line 86)

src/primitives/GlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-2 md:grid-cols-3 gap-4 max-w-4xl"> (Line 81)

src/primitives/GlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 text-center"> (Line 84)

src/primitives/GlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium capitalize mb-1">{blur} (Line 103)

src/primitives/GlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs opacity-70">Blur

(Line 104)

src/primitives/GlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6 text-center"> (Line 71)

src/primitives/GlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">Glowing Glass (Line 122)

src/primitives/GlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">Glass surface with blue glow effect.

(Line 123)

src/primitives/GlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6 text-center cursor-pointer"> (Line 133)

src/primitives/GlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">Interactive Glass (Line 134)

src/primitives/GlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">Hover over this surface to see the effect.

(Line 135)

src/primitives/GlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-2 md:grid-cols-3 gap-4 max-w-4xl"> (Line 81)

src/primitives/GlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 text-center"> (Line 84)

src/primitives/GlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium capitalize mb-1">{rounded} (Line 147)

src/primitives/GlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs opacity-70">Rounded

(Line 148)

src/primitives/GlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-8 text-center"> (Line 167)

src/primitives/GlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-16 h-16 mx-auto mb-4 rounded-full bg-gradient-to-br from-purple-400 to-pink-400 flex items-center justify-center"> (Line 168)

src/primitives/GlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 169)

src/primitives/GlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xl font-bold mb-2">Premium Glass Effect (Line 173)

src/primitives/GlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80 mb-4"> (Line 174)

src/primitives/GlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex justify-center space-x-2"> (Line 178)

src/primitives/GlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-1 bg-white/250 rounded-full text-xs">Interactive (Line 179)

src/primitives/GlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-1 bg-white/250 rounded-full text-xs">Responsive (Line 180)

src/primitives/GlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-1 bg-white/250 rounded-full text-xs">Accessible (Line 181)

src/primitives/GlassCore.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 31)

src/primitives/GlassCore.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 48)

src/primitives/GlassCore.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 75)

src/primitives/GlassCore.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 31)

src/primitives/GlassCore.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 31)

src/primitives/GlassCore.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 48)

src/primitives/GlassCore.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 75)

src/primitives/GlassCore.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 31)

src/primitives/motion/MotionFramer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 text-center"> (Line 29)

src/primitives/motion/MotionFramer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">MotionFramer (Line 30)

src/primitives/motion/MotionFramer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">This is the default motionframer component.

(Line 31)

src/primitives/motion/MotionFramer.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 39)

src/primitives/motion/MotionFramer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 text-center"> (Line 29)

src/primitives/motion/MotionFramer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">MotionFramer (Line 30)

src/primitives/motion/MotionFramer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">This is the default motionframer component.

(Line 31)

src/primitives/motion/MotionFramer.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 39)

src/primitives/motion/MotionFramer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 78)

src/primitives/motion/MotionFramer.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className: cn('motion-primitive', className), (Line 120)

src/primitives/motion/MotionFramer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 78)

src/primitives/motion/MotionFramer.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className: cn('motion-primitive', className), (Line 120)

src/primitives/motion/ReducedMotionProvider.stories.tsx
Low Opacity Background
HIGH

Description: Background opacity below minimum threshold (≥ 0.22)

Fix: Use bg-white/25 or higher

Match: bg-white/2 (Line 32)

src/primitives/motion/ReducedMotionProvider.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="glass-foundation-complete p-4 bg-white/250 backdrop-blur-sm rounded-lg"> (Line 32)

src/primitives/motion/ReducedMotionProvider.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">Reduced Motion Provider (Line 33)

src/primitives/motion/ReducedMotionProvider.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80"> (Line 34)

src/primitives/motion/ReducedMotionProvider.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="glass-foundation-complete p-4 bg-white/250 backdrop-blur-sm rounded-lg"> (Line 32)

src/primitives/motion/ReducedMotionProvider.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">Reduced Motion Provider (Line 33)

src/primitives/motion/ReducedMotionProvider.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80"> (Line 34)

src/primitives/MotionNative.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 text-center"> (Line 29)

src/primitives/MotionNative.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">MotionNative (Line 30)

src/primitives/MotionNative.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">This is the default motionnative component.

(Line 31)

src/primitives/MotionNative.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap gap-4"> (Line 39)

src/primitives/MotionNative.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 text-center"> (Line 29)

src/primitives/MotionNative.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">MotionNative (Line 30)

src/primitives/MotionNative.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">This is the default motionnative component.

(Line 31)

src/primitives/MotionNative.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap gap-4"> (Line 39)

src/primitives/MotionNative.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 56)

src/primitives/MotionNative.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 80)

src/primitives/MotionNative.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 331)

src/primitives/MotionNative.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 56)

src/primitives/MotionNative.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 56)

src/primitives/MotionNative.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 80)

src/primitives/MotionNative.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 331)

src/primitives/MotionNative.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 56)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6 text-center"> (Line 80)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">Optimized Glass (Line 81)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80">Performance-optimized glass morphism surface.

(Line 82)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-2 md:grid-cols-3 gap-4 max-w-4xl"> (Line 90)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 text-center"> (Line 93)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium capitalize mb-1">{intensity} (Line 94)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs opacity-70">Intensity

(Line 95)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-2 gap-4 max-w-2xl"> (Line 108)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 text-center"> (Line 93)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium capitalize mb-1">{depth} (Line 112)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs opacity-70">Depth

(Line 113)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-2 md:grid-cols-3 gap-4 max-w-4xl"> (Line 90)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 text-center"> (Line 93)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium capitalize mb-1">{border} (Line 130)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs opacity-70">Border

(Line 131)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="grid grid-cols-2 md:grid-cols-3 gap-4 max-w-4xl"> (Line 90)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-4 text-center"> (Line 93)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm font-medium capitalize mb-1">{elevation} (Line 148)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-xs opacity-70">Elevation

(Line 149)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-6 text-center"> (Line 80)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-12 h-12 mx-auto mb-4 rounded-full bg-gradient-to-br from-green-400 to-blue-500 flex items-center justify-center"> (Line 166)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 167)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-lg font-semibold mb-2">High Performance (Line 171)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80"> (Line 82)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="p-8 text-center"> (Line 193)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-20 h-20 mx-auto mb-6 rounded-full bg-gradient-to-br from-purple-400 via-pink-500 to-red-500 flex items-center justify-center shadow-2xl"> (Line 194)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="w-10 h-10 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 195)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-2xl font-bold mb-3 bg-gradient-to-r from-purple-400 to-pink-400 bg-clip-text text-transparent"> (Line 199)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="text-sm opacity-80 mb-6 leading-relaxed"> (Line 202)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="flex flex-wrap justify-center gap-2"> (Line 206)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-1 bg-purple-500/20 rounded-full text-xs font-medium">Ultra Performance (Line 207)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-1 bg-pink-500/20 rounded-full text-xs font-medium">Extreme Depth (Line 208)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className="px-3 py-1 bg-blue-500/20 rounded-full text-xs font-medium">Neon Glow (Line 209)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6 text-center"> (Line 80)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">Optimized Glass (Line 81)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80">Performance-optimized glass morphism surface.

(Line 82)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-2 md:grid-cols-3 gap-4 max-w-4xl"> (Line 90)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 text-center"> (Line 93)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium capitalize mb-1">{intensity} (Line 94)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs opacity-70">Intensity

(Line 95)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-2 gap-4 max-w-2xl"> (Line 108)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 text-center"> (Line 93)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium capitalize mb-1">{depth} (Line 112)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs opacity-70">Depth

(Line 113)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-2 md:grid-cols-3 gap-4 max-w-4xl"> (Line 90)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 text-center"> (Line 93)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium capitalize mb-1">{border} (Line 130)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs opacity-70">Border

(Line 131)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="grid grid-cols-2 md:grid-cols-3 gap-4 max-w-4xl"> (Line 90)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-4 text-center"> (Line 93)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm font-medium capitalize mb-1">{elevation} (Line 148)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-xs opacity-70">Elevation

(Line 149)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-6 text-center"> (Line 80)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-12 h-12 mx-auto mb-4 rounded-full bg-gradient-to-br from-green-400 to-blue-500 flex items-center justify-center"> (Line 166)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 167)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-lg font-semibold mb-2">High Performance (Line 171)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80"> (Line 82)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="p-8 text-center"> (Line 193)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-20 h-20 mx-auto mb-6 rounded-full bg-gradient-to-br from-purple-400 via-pink-500 to-red-500 flex items-center justify-center shadow-2xl"> (Line 194)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="w-10 h-10 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> (Line 195)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-2xl font-bold mb-3 bg-gradient-to-r from-purple-400 to-pink-400 bg-clip-text text-transparent"> (Line 199)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="text-sm opacity-80 mb-6 leading-relaxed"> (Line 202)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="flex flex-wrap justify-center gap-2"> (Line 206)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-1 bg-purple-500/20 rounded-full text-xs font-medium">Ultra Performance (Line 207)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-1 bg-pink-500/20 rounded-full text-xs font-medium">Extreme Depth (Line 208)

src/primitives/OptimizedGlassCore.stories.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className="px-3 py-1 bg-blue-500/20 rounded-full text-xs font-medium">Neon Glow (Line 209)

src/primitives/OptimizedGlassCore.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className?: string; (Line 74)

src/primitives/OptimizedGlassCore.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className, (Line 105)

src/primitives/OptimizedGlassCore.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className={cn( (Line 189)

src/primitives/OptimizedGlassCore.tsx
Missing Backdrop Filter
MEDIUM

Description: Component may be missing backdrop-filter

Fix: Add glass-foundation-complete class

Match: className (Line 74)

src/primitives/OptimizedGlassCore.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className?: string; (Line 74)

src/primitives/OptimizedGlassCore.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className, (Line 105)

src/primitives/OptimizedGlassCore.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className={cn( (Line 189)

src/primitives/OptimizedGlassCore.tsx
Missing Focus Visible
MEDIUM

Description: Interactive element may be missing focus-visible

Fix: Add focus-visible:ring-2 focus-visible:ring-blue-500/50

Match: className (Line 74)